diff --git a/FCommerce.DataAcsess/Repos/Implimentations/Repositoy.cs b/FCommerce.DataAcsess/Repos/Implimentations/Repositoy.cs
index 3a6abeb..691b324 100644
--- a/FCommerce.DataAcsess/Repos/Implimentations/Repositoy.cs
+++ b/FCommerce.DataAcsess/Repos/Implimentations/Repositoy.cs
@@ -46,9 +46,9 @@ public T Get(System.Linq.Expressions.Expression<Func<T, bool>> filter, string? i
             IQueryable<T> query = _dbSet;
             if (string.IsNullOrEmpty(includeProps))
             {
-                foreach (var includeProp in includeProps.Split(new char[] { ',' }, StringSplitOptions.RemoveEmptyEntries))
+                foreach (var includeProp in includeProps.Split(new char[] {','}, StringSplitOptions.RemoveEmptyEntries))
                 {
-                    query = query.Include(includeProps);
+                    query = query.Include(includeProp);
                 }
             }
 
diff --git a/FCommerce.Models/Product.cs b/FCommerce.Models/Product.cs
index 32fd27a..0d51d6e 100644
--- a/FCommerce.Models/Product.cs
+++ b/FCommerce.Models/Product.cs
@@ -20,6 +20,7 @@ public class Product
 
         
         [Required]
+        [ValidateNever]
         public Category Category { get; set; }
         [ForeignKey("Category")]
         public int CategoryId { get; set; }
diff --git a/FCommerce.Website/Controllers/CategorysController.cs b/FCommerce.Website/Areas/Admin/Controllers/CategorysController.cs
similarity index 95%
rename from FCommerce.Website/Controllers/CategorysController.cs
rename to FCommerce.Website/Areas/Admin/Controllers/CategorysController.cs
index 86e0b45..e659983 100644
--- a/FCommerce.Website/Controllers/CategorysController.cs
+++ b/FCommerce.Website/Areas/Admin/Controllers/CategorysController.cs
@@ -3,8 +3,9 @@
 using FCommerce.Models;
 using Microsoft.AspNetCore.Mvc;
 
-namespace FCommerce.Website.Controllers
+namespace FCommerce.Website.Areas.Admin.Controllers
 {
+    [Area("Admin")]
     public class CategorysController : Controller
     {
         #region Dependanceis
@@ -33,9 +34,9 @@ public IActionResult Upsert(int? id)
         {
             if (id == null || id == 0)
             {
-                return View("UpsertForm",new Category());
+                return View("UpsertForm", new Category());
             }
-            var editDataInDb = _unitOfWork.CategoryRepo.Get(c => c.Id == id);
+            var editDataInDb = _unitOfWork.CategoryRepo.Get(c => c.Id == id,"");
 
             return View("UpsertForm", editDataInDb);
         }
diff --git a/FCommerce.Website/Controllers/ProductsController.cs b/FCommerce.Website/Areas/Admin/Controllers/ProductsController.cs
similarity index 79%
rename from FCommerce.Website/Controllers/ProductsController.cs
rename to FCommerce.Website/Areas/Admin/Controllers/ProductsController.cs
index 4e2326a..7dddec1 100644
--- a/FCommerce.Website/Controllers/ProductsController.cs
+++ b/FCommerce.Website/Areas/Admin/Controllers/ProductsController.cs
@@ -4,15 +4,16 @@
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.Rendering;
 
-namespace FCommerce.Website.Controllers
+namespace FCommerce.Website.Areas.Admin.Controllers
 {
+    [Area("Admin")]
     public class ProductsController : Controller
     {
         #region Dependanceis
         private readonly IUnitOfWork _unitOfWork;
         private readonly INotyfService _notyfService;
         private readonly IWebHostEnvironment _webHostEnvironment;
-       
+
         #endregion
 
         #region Product Custructor
@@ -45,7 +46,9 @@ public IActionResult Upsert(int? id)
 
                 return View("UpsertForm", new Product());
             }
-            var editDataInDb = _unitOfWork.ProductRepo.Get(c => c.Id == id);
+            var editDataInDb = _unitOfWork.ProductRepo.Get(c => c.Id == id,"Category");
+
+            //var editDataWithCategory = editDataInDb.CategoryId == id;
 
             return View("UpsertForm", editDataInDb);
         }
@@ -53,47 +56,42 @@ public IActionResult Upsert(int? id)
 
         #region Product Upsert Post
         [HttpPost]
-        public IActionResult Upsert(Product product,IFormFile? file)
+        public IActionResult Upsert(Product product, IFormFile? file)
         {
 
             if (ModelState.IsValid)
             {
-                if(file != null)
+                if (file != null)
                 {
                     //string fileExtensionName = Path.GetExtension(file.FileName);
-                    string newFileName = "Image"+Guid.NewGuid().ToString().Substring(0,5)+Path.GetExtension(file.FileName);
+                    string newFileName = "Image" + Guid.NewGuid().ToString().Substring(0, 5) + Path.GetExtension(file.FileName);
                     string webRootpath = _webHostEnvironment.WebRootPath;
 
                     // Edit method Of File Update
-                    if(!string.IsNullOrEmpty(product.ImageUrl))
+                    if (!string.IsNullOrEmpty(product.ImageUrl))
                     {
                         var oldImagePath = Path.Combine(webRootpath, product.ImageUrl.TrimStart('\\'));
-                        if(System.IO.File.Exists(oldImagePath))
+                        if (System.IO.File.Exists(oldImagePath))
                         {
-                            System.IO.File.Delete(oldImagePath);    
+                            System.IO.File.Delete(oldImagePath);
                         }
                     }
 
 
                     //string finalDestination = webRootpath + @"\images\products";
-                    string finalDestination = Path.Combine(webRootpath,@"images\products");
-                   //Using Block Background Call Dispos Method
-                    using (FileStream fileStream = new FileStream(Path.Combine(finalDestination,newFileName),FileMode.Create))
+                    string finalDestination = Path.Combine(webRootpath , @"images\products");
+                    //Using Block Background Call Dispos Method
+                    using (FileStream fileStream = new FileStream(Path.Combine(finalDestination, newFileName), FileMode.Create))
                     {
                         file.CopyTo(fileStream);
                     }
 
                     //Reletive path
-                    product.ImageUrl = @"\images\products\" + newFileName;
+                    //product.ImageUrl = @"\images\products\" + newFileName;
+                    product.ImageUrl = Path.Combine(@"\images\products\", newFileName);
                 }
 
-
-
-
-
-
-
-                if (product.Id == null || product.Id == 0)
+                    if (product.Id == null || product.Id == 0)
                 {
                     _unitOfWork.ProductRepo.Add(product);
                     _unitOfWork.Save();
@@ -102,7 +100,7 @@ public IActionResult Upsert(Product product,IFormFile? file)
                 else
                 {
                     _unitOfWork.ProductRepo.Edit(product);
-                    _unitOfWork.Save();
+                        _unitOfWork.Save();
                     _notyfService.Success("You have successfully Edit the data.");
 
                 }
@@ -128,7 +126,7 @@ public IActionResult Delete(int id)
                 _unitOfWork.Save();
                 _notyfService.Error("Product To Bee Deleted...");
             }
-            return RedirectToAction("List");
+            return RedirectToAction("List", "Products");
         }
         //[HttpPost]
         //public IActionResult DeleteConferm(int id)
diff --git a/FCommerce.Website/Views/Categorys/List.cshtml b/FCommerce.Website/Areas/Admin/Views/Categorys/List.cshtml
similarity index 86%
rename from FCommerce.Website/Views/Categorys/List.cshtml
rename to FCommerce.Website/Areas/Admin/Views/Categorys/List.cshtml
index 1a85901..a0aaa09 100644
--- a/FCommerce.Website/Views/Categorys/List.cshtml
+++ b/FCommerce.Website/Areas/Admin/Views/Categorys/List.cshtml
@@ -21,13 +21,12 @@
 
 
 <div class="mb-3">
-    <a asp-controller="Categorys" asp-action="Upsert" class="btn btn-primary text-uppercase"><i class="bi bi-plus-lg"></i> Add More</a>
+    <a asp-area="Admin" asp-controller="Categorys" asp-action="Upsert" class="btn btn-primary text-uppercase"><i class="bi bi-plus-lg"></i> Add More</a>
 </div>
 
     <Table class="table table-hover table-bordered bg-warning ">
         <thead>
             <tr>
-                 <th class="text-uppercase">Id </th>
                  <th class="text-uppercase">Name</th>
                  <th class="text-uppercase">Actions</th>
             </tr>
@@ -36,10 +35,6 @@
             @foreach(var categoryInModel in Model)
             {
                 <tr>
-                <td>
-                    @categoryInModel.Id
-                </td>
-                    
                 <td>
                     @categoryInModel.Name
                 </td>
diff --git a/FCommerce.Website/Views/Categorys/UpsertForm.cshtml b/FCommerce.Website/Areas/Admin/Views/Categorys/UpsertForm.cshtml
similarity index 86%
rename from FCommerce.Website/Views/Categorys/UpsertForm.cshtml
rename to FCommerce.Website/Areas/Admin/Views/Categorys/UpsertForm.cshtml
index fc97d7c..98b00e0 100644
--- a/FCommerce.Website/Views/Categorys/UpsertForm.cshtml
+++ b/FCommerce.Website/Areas/Admin/Views/Categorys/UpsertForm.cshtml
@@ -4,7 +4,7 @@
 
 
 <div class="m-2">
-    <a asp-action="List" asp-controller="categorys" class="btn btn-primary text-uppercase "><i class="bi bi-list-ol"></i> Go To list</a>
+    <a asp-area="Admin" asp-action="List" asp-controller="categorys" class="btn btn-primary text-uppercase "><i class="bi bi-list-ol"></i> Go To list</a>
 </div>
 <form asp-controller="Categorys" asp-action="Upsert" method="post" class="text-center mt-5">
    
diff --git a/FCommerce.Website/Views/Products/List.cshtml b/FCommerce.Website/Areas/Admin/Views/Products/List.cshtml
similarity index 96%
rename from FCommerce.Website/Views/Products/List.cshtml
rename to FCommerce.Website/Areas/Admin/Views/Products/List.cshtml
index 068b2e8..dc60b9b 100644
--- a/FCommerce.Website/Views/Products/List.cshtml
+++ b/FCommerce.Website/Areas/Admin/Views/Products/List.cshtml
@@ -19,7 +19,6 @@
 <table class="table table-hover table-bordered bg-warning ">
     <thead>
         <tr>
-            <th>Id</th>
             <th>Product Name</th>
             <th>Product Description</th>
             <th>Product Price</th>
@@ -32,7 +31,6 @@
         @foreach(Product product in Model)
         {
             <tr>
-                <td>@product.Id</td>
                 <td>@product.ProductName</td>
                 <td>@product.Description</td>
                 <td>@product.ProductPrice</td>
diff --git a/FCommerce.Website/Areas/Admin/Views/Products/UpsertForm.cshtml b/FCommerce.Website/Areas/Admin/Views/Products/UpsertForm.cshtml
new file mode 100644
index 0000000..f837b0a
--- /dev/null
+++ b/FCommerce.Website/Areas/Admin/Views/Products/UpsertForm.cshtml
@@ -0,0 +1,72 @@
+@model Product
+
+<div class="row">
+    <div class="col-8">
+        <div class="m-2">
+            <a asp-action="List" asp-controller="Products" class="btn btn-primary  text-uppercase "><i class="bi bi-list-ol"></i> Go To list</a>
+        </div>
+        <form asp-area="Admin" asp-controller="Products" asp-action="Upsert" method="post" class="form-group text-center " enctype="multipart/form-data">
+            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
+
+
+            <div>
+                <label class="col-form-label">Product Name</label>
+                <input type="text" asp-for="ProductName" placeholder="Enter Product name" class="form-control">
+                <span asp-validation-for="ProductName" class="text text-danger"></span>
+            </div>
+
+
+            <label class="col-form-label">Product Description</label>
+            <input type="text" asp-for="Description" placeholder="Enter Product name" class="form-control ">
+            <span asp-validation-for="Description" class="text text-danger"></span>
+
+
+            <div class="mt-2">
+                <label class="col-form-label">Product Price</label>
+                <input type="number" asp-for="ProductPrice" placeholder="Enter Product name" class="form-control">
+                <span asp-validation-for="ProductPrice" class="text text-danger"></span>
+            </div>
+            <div class="row mt-4">
+                <div class="col-3">
+                    <label class=" fw-bold">select File</label>
+                </div>
+                <div class="col-9">
+                    <input type="file" class="form-control" name="file" >
+                </div>
+            </div>
+
+            <div class="mt-2">
+                <select asp-for="CategoryId" asp-items="@ViewBag.CategoryItem" class="form-select">
+                    <option selected disabled> Select Category</option>
+                </select>
+
+            </div>
+
+
+
+            <div class="mt-2">
+                <input type="submit" class="btn btn-success mt-3 text-uppercase mx-4 " value=@(Model.Id==0 ? "ADD" : "EDIT") />
+                <a asp-controller="Products" asp-action="List" class="btn btn-warning mt-3 text-uppercase">Cancelled</a>
+            </div>
+        </form>
+    </div>
+    <div class="col-4">
+        <div class="card">
+            <div class="card-header">
+
+            </div>
+            <div class="card-body">
+                <div class="card-img">
+                    <img  src="@Model.ImageUrl" height="300" width="300" alt="No Image Found"/>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+@section Scripts {
+    @{
+        await Html.RenderPartialAsync("_ValidationScriptsPartial");
+    }
+}
\ No newline at end of file
diff --git a/FCommerce.Website/Areas/Admin/Views/_ViewImports.cshtml b/FCommerce.Website/Areas/Admin/Views/_ViewImports.cshtml
new file mode 100644
index 0000000..066b763
--- /dev/null
+++ b/FCommerce.Website/Areas/Admin/Views/_ViewImports.cshtml
@@ -0,0 +1,3 @@
+@using FCommerce.Website
+@using FCommerce.Models
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
diff --git a/FCommerce.Website/Areas/Admin/Views/_ViewStart.cshtml b/FCommerce.Website/Areas/Admin/Views/_ViewStart.cshtml
new file mode 100644
index 0000000..a5f1004
--- /dev/null
+++ b/FCommerce.Website/Areas/Admin/Views/_ViewStart.cshtml
@@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}
diff --git a/FCommerce.Website/Controllers/HomeController.cs b/FCommerce.Website/Areas/Customer/Controllers/HomeController.cs
similarity index 90%
rename from FCommerce.Website/Controllers/HomeController.cs
rename to FCommerce.Website/Areas/Customer/Controllers/HomeController.cs
index c34ad15..8b7ed85 100644
--- a/FCommerce.Website/Controllers/HomeController.cs
+++ b/FCommerce.Website/Areas/Customer/Controllers/HomeController.cs
@@ -2,8 +2,9 @@
 using Microsoft.AspNetCore.Mvc;
 using System.Diagnostics;
 
-namespace FCommerce.Website.Controllers
+namespace FCommerce.Website.Areas.Customer.Controllers
 {
+    [Area("Customer")]
     public class HomeController : Controller
     {
         private readonly ILogger<HomeController> _logger;
diff --git a/FCommerce.Website/Views/Home/Index.cshtml b/FCommerce.Website/Areas/Customer/Views/Home/Index.cshtml
similarity index 100%
rename from FCommerce.Website/Views/Home/Index.cshtml
rename to FCommerce.Website/Areas/Customer/Views/Home/Index.cshtml
diff --git a/FCommerce.Website/Views/Home/Privacy.cshtml b/FCommerce.Website/Areas/Customer/Views/Home/Privacy.cshtml
similarity index 100%
rename from FCommerce.Website/Views/Home/Privacy.cshtml
rename to FCommerce.Website/Areas/Customer/Views/Home/Privacy.cshtml
diff --git a/FCommerce.Website/Areas/Customer/Views/_ViewImports.cshtml b/FCommerce.Website/Areas/Customer/Views/_ViewImports.cshtml
new file mode 100644
index 0000000..066b763
--- /dev/null
+++ b/FCommerce.Website/Areas/Customer/Views/_ViewImports.cshtml
@@ -0,0 +1,3 @@
+@using FCommerce.Website
+@using FCommerce.Models
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
diff --git a/FCommerce.Website/Areas/Customer/Views/_ViewStart.cshtml b/FCommerce.Website/Areas/Customer/Views/_ViewStart.cshtml
new file mode 100644
index 0000000..a5f1004
--- /dev/null
+++ b/FCommerce.Website/Areas/Customer/Views/_ViewStart.cshtml
@@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}
diff --git a/FCommerce.Website/Configration.cs b/FCommerce.Website/Configration.cs
index 7d4873b..e56e4b3 100644
--- a/FCommerce.Website/Configration.cs
+++ b/FCommerce.Website/Configration.cs
@@ -10,17 +10,39 @@ public static class Configration
         /// <summary>
         /// Register Your Dependencies
         /// </summary>
-        /// <param name="services">builder.Services</param>
-        /// <param name="configuration">builder.ConfigurationS</param>
-        public static void RegisterDependencies(IServiceCollection services,IConfiguration configuration)
+        /// <param name="builder">builder</param>
+        public static void RegisterDependencies(WebApplicationBuilder builder)
         {
             // Add services to the container.
-            services.AddDbContext<ApplicationDbContext>(option =>
-           {
-               option.UseSqlServer(configuration.GetConnectionString("DbConnection"));
-           });
-         services.AddNotyf(config => { config.DurationInSeconds = 10; config.IsDismissable = true; config.Position = NotyfPosition.BottomRight; });
-            services.AddScoped<IUnitOfWork, UnitOfWork>();
+            builder.Services.AddDbContext<ApplicationDbContext>(option =>
+            {
+                option.UseSqlServer(builder.Configuration.GetConnectionString("DbConnection"));
+            });
+            builder.Services.AddNotyf(config => { config.DurationInSeconds = 10; config.IsDismissable = true; config.Position = NotyfPosition.BottomRight; });
+            builder.Services.AddScoped<IUnitOfWork, UnitOfWork>();
         }
+
+
+
+
+
+
+        //Old Wey To Set Configration
+
+        ///// <summary>
+        ///// Register Your Dependencies
+        ///// </summary>
+        ///// <param name="services">builder.Services</param>
+        ///// <param name="configuration">builder.ConfigurationS</param>
+        //public static void RegisterDependencies(IServiceCollection services,IConfiguration configuration)
+        //{
+        //    // Add services to the container.
+        //    services.AddDbContext<ApplicationDbContext>(option =>
+        //   {
+        //       option.UseSqlServer(configuration.GetConnectionString("DbConnection"));
+        //   });
+        // services.AddNotyf(config => { config.DurationInSeconds = 10; config.IsDismissable = true; config.Position = NotyfPosition.BottomRight; });
+        //    services.AddScoped<IUnitOfWork, UnitOfWork>();
+        //}
     }
 }
diff --git a/FCommerce.Website/FCommerce.Website.csproj b/FCommerce.Website/FCommerce.Website.csproj
index c14bd71..8ee9b9c 100644
--- a/FCommerce.Website/FCommerce.Website.csproj
+++ b/FCommerce.Website/FCommerce.Website.csproj
@@ -13,6 +13,7 @@
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="8.0.1" />
   </ItemGroup>
 
   <ItemGroup>
@@ -21,6 +22,7 @@
   </ItemGroup>
 
   <ItemGroup>
+    <Folder Include="Controllers\" />
     <Folder Include="wwwroot\images\products\" />
   </ItemGroup>
 
diff --git a/FCommerce.Website/Program.cs b/FCommerce.Website/Program.cs
index 45a9011..54b2579 100644
--- a/FCommerce.Website/Program.cs
+++ b/FCommerce.Website/Program.cs
@@ -1,18 +1,15 @@
-using AspNetCoreHero.ToastNotification;
 using AspNetCoreHero.ToastNotification.Extensions;
-using FCommerce.DataAcsess;
-using FCommerce.DataAcsess.Repos.Implimentations;
-using FCommerce.DataAcsess.Repos.Interfaces;
-using FCommerce.DataAcsess.Repos.UOWs;
 using FCommerce.Website;
-using Microsoft.EntityFrameworkCore;
 
 var builder = WebApplication.CreateBuilder(args);
 
 // Add services to the container.
 builder.Services.AddControllersWithViews();
 
-Configration.RegisterDependencies(builder.Services,builder.Configuration) ;
+Configration.RegisterDependencies(builder);
+
+// Register Your Dependencies Old Wey
+//Configration.RegisterDependencies(builder.Services, builder.Configuration);
 
 //builder.Services.AddDbContext<ApplicationDbContext>(option =>
 //{
@@ -41,7 +38,11 @@
 app.UseNotyf();
 
 app.MapControllerRoute(
-    name: "default",
-    pattern: "{controller=Home}/{action=Index}/{id?}");
+    name: "customers",
+    pattern: "{area=Customer}/{controller=Home}/{action=Index}/{id?}");
+
+app.MapControllerRoute(
+    name: "admins",
+    pattern: "{area=Admin}/{controller=Products}/{action=List}/{id?}");
 
 app.Run();
diff --git a/FCommerce.Website/Views/Products/UpsertForm.cshtml b/FCommerce.Website/Views/Products/UpsertForm.cshtml
deleted file mode 100644
index 54aa5bd..0000000
--- a/FCommerce.Website/Views/Products/UpsertForm.cshtml
+++ /dev/null
@@ -1,60 +0,0 @@
-@model Product
-
-  <div class="m-2">
-    <a asp-action="List" asp-controller="Products" class="btn btn-primary  text-uppercase "><i class="bi bi-list-ol"></i> Go To list</a>
-  </div>
-
- 
-<form asp-controller="Products" asp-action="Upsert" method="post" class="form-group text-center " enctype="multipart/form-data">
-    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
-
-    
-    <div>
-    <label class="col-form-label">Product Name</label>
-        <input type="text" asp-for="ProductName" placeholder="Enter Product name" class="form-control">
-        <span asp-validation-for="ProductName" class="text text-danger" ></span>
-    </div>
- 
-  
-    <label class="col-form-label">Product Description</label>
-        <input type="text" asp-for="Description" placeholder="Enter Product name" class="form-control " >
-        <span asp-validation-for="Description" class="text text-danger"></span>
-
-        
-    <div class="mt-2">
-    <label class="col-form-label">Product Price</label>
-        <input type="number" asp-for="ProductPrice" placeholder="Enter Product name" class="form-control">
-        <span asp-validation-for="ProductPrice" class="text text-danger"></span>
-    </div>
-    <div class="row mt-4">
-        <div class="col-3">
-            <label class=" fw-bold">select File</label>
-        </div>
-        <div class="col-9">
-            <input type="file" class="form-control" name="file">
-        </div>
-    </div>
-
-        <div class="mt-2">
-            <select asp-for="CategoryId" asp-items="@ViewBag.CategoryItem" class="form-select">
-                <option selected disabled> Select Category</option>
-            </select>
-
-        </div>
-
-
-
-        <div class="mt-2">
-            <input type="submit" class="btn btn-success mt-3 text-uppercase mx-4 " value=@(Model.Id==0 ? "ADD" : "EDIT") />
-            <a asp-controller="Products" asp-action="List" class="btn btn-warning mt-3 text-uppercase">Cancelled</a>
-        </div>
-</form>
-
-
-
-
-@section Scripts {
-    @{
-        await Html.RenderPartialAsync("_ValidationScriptsPartial");
-    }
-}
\ No newline at end of file
diff --git a/FCommerce.Website/Views/Shared/_Layout.cshtml b/FCommerce.Website/Views/Shared/_Layout.cshtml
index 923b224..a40ae7f 100644
--- a/FCommerce.Website/Views/Shared/_Layout.cshtml
+++ b/FCommerce.Website/Views/Shared/_Layout.cshtml
@@ -30,22 +30,22 @@
                 <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
                     <ul class="navbar-nav flex-grow-1">
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
+                            <a class="nav-link text-dark" asp-area="customer" asp-controller="Home" asp-action="Index">Home</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+                            <a class="nav-link text-dark" asp-area="customer" asp-controller="Home" asp-action="Privacy">Privacy</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Categorys" asp-action="List"><i class="bi bi-list-ol"></i> Ctr List</a>
+                            <a class="nav-link text-dark" asp-area="admin" asp-controller="Categorys" asp-action="List"><i class="bi bi-list-ol"></i> Ctr List</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Categorys" asp-action="Upsert"><i class="bi bi-plus-lg"></i>  Ctr Add</a>
+                            <a class="nav-link text-dark" asp-area="admin" asp-controller="Categorys" asp-action="Upsert"><i class="bi bi-plus-lg"></i>  Ctr Add</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Products" asp-action="Upsert"><i class="bi bi-plus-lg"></i> Prd Add</a>
+                            <a class="nav-link text-dark" asp-area="admin" asp-controller="Products" asp-action="Upsert"><i class="bi bi-plus-lg"></i> Prd Add</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Products" asp-action="List"><i class="bi bi-list-ol"></i> Prd List</a>
+                            <a class="nav-link text-dark" asp-area="admin" asp-controller="Products" asp-action="List"><i class="bi bi-list-ol"></i> Prd List</a>
                         </li>
                     </ul>
                 </div>
diff --git a/FCommerce.Website/wwwroot/images/products/Image124be.jpeg b/FCommerce.Website/wwwroot/images/products/Image124be.jpeg
new file mode 100644
index 0000000..e08385f
Binary files /dev/null and b/FCommerce.Website/wwwroot/images/products/Image124be.jpeg differ
diff --git a/FCommerce.Website/wwwroot/images/products/Image4c307.jpg b/FCommerce.Website/wwwroot/images/products/Image4c307.jpg
deleted file mode 100644
index 0240530..0000000
Binary files a/FCommerce.Website/wwwroot/images/products/Image4c307.jpg and /dev/null differ
diff --git a/FCommerce.Website/wwwroot/lib/bootstrap/dist/css/bootstrap.css b/FCommerce.Website/wwwroot/lib/bootstrap/dist/css/bootstrap.css
index c4f17ce..e1d9e07 100644
--- a/FCommerce.Website/wwwroot/lib/bootstrap/dist/css/bootstrap.css
+++ b/FCommerce.Website/wwwroot/lib/bootstrap/dist/css/bootstrap.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*!
  * Bootswatch v5.3.3 (https://bootswatch.com)
- * Theme: minty
+ * Theme: materia
  * Copyright 2012-2024 Thomas Park
  * Licensed under MIT
  * Based on Bootstrap
@@ -11,112 +11,112 @@
  * Copyright 2011-2024 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
-@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
 
 :root,
 [data-bs-theme=light] {
-    --bs-blue: #007bff;
+    --bs-blue: #2196f3;
     --bs-indigo: #6610f2;
     --bs-purple: #6f42c1;
     --bs-pink: #e83e8c;
-    --bs-red: #ff7851;
+    --bs-red: #e51c23;
     --bs-orange: #fd7e14;
-    --bs-yellow: #ffce67;
-    --bs-green: #56cc9d;
+    --bs-yellow: #ff9800;
+    --bs-green: #4caf50;
     --bs-teal: #20c997;
-    --bs-cyan: #6cc3d5;
+    --bs-cyan: #9c27b0;
     --bs-black: #000;
     --bs-white: #fff;
-    --bs-gray: #888;
-    --bs-gray-dark: #343a40;
+    --bs-gray: #666;
+    --bs-gray-dark: #222;
     --bs-gray-100: #f8f9fa;
-    --bs-gray-200: #f7f7f9;
-    --bs-gray-300: #eceeef;
+    --bs-gray-200: #eee;
+    --bs-gray-300: #dee2e6;
     --bs-gray-400: #ced4da;
-    --bs-gray-500: #aaa;
-    --bs-gray-600: #888;
-    --bs-gray-700: #5a5a5a;
-    --bs-gray-800: #343a40;
-    --bs-gray-900: #212529;
-    --bs-primary: #78c2ad;
-    --bs-secondary: #f3969a;
-    --bs-success: #56cc9d;
-    --bs-info: #6cc3d5;
-    --bs-warning: #ffce67;
-    --bs-danger: #ff7851;
+    --bs-gray-500: #bbb;
+    --bs-gray-600: #666;
+    --bs-gray-700: #444;
+    --bs-gray-800: #222;
+    --bs-gray-900: #212121;
+    --bs-primary: #2196f3;
+    --bs-secondary: #fff;
+    --bs-success: #4caf50;
+    --bs-info: #9c27b0;
+    --bs-warning: #ff9800;
+    --bs-danger: #e51c23;
     --bs-light: #f8f9fa;
-    --bs-dark: #343a40;
-    --bs-primary-rgb: 120, 194, 173;
-    --bs-secondary-rgb: 243, 150, 154;
-    --bs-success-rgb: 86, 204, 157;
-    --bs-info-rgb: 108, 195, 213;
-    --bs-warning-rgb: 255, 206, 103;
-    --bs-danger-rgb: 255, 120, 81;
+    --bs-dark: #222;
+    --bs-primary-rgb: 33, 150, 243;
+    --bs-secondary-rgb: 255, 255, 255;
+    --bs-success-rgb: 76, 175, 80;
+    --bs-info-rgb: 156, 39, 176;
+    --bs-warning-rgb: 255, 152, 0;
+    --bs-danger-rgb: 229, 28, 35;
     --bs-light-rgb: 248, 249, 250;
-    --bs-dark-rgb: 52, 58, 64;
-    --bs-primary-text-emphasis: #304e45;
-    --bs-secondary-text-emphasis: #613c3e;
-    --bs-success-text-emphasis: #22523f;
-    --bs-info-text-emphasis: #2b4e55;
-    --bs-warning-text-emphasis: #665229;
-    --bs-danger-text-emphasis: #663020;
-    --bs-light-text-emphasis: #5a5a5a;
-    --bs-dark-text-emphasis: #5a5a5a;
-    --bs-primary-bg-subtle: #e4f3ef;
-    --bs-secondary-bg-subtle: #fdeaeb;
-    --bs-success-bg-subtle: #ddf5eb;
-    --bs-info-bg-subtle: #e2f3f7;
-    --bs-warning-bg-subtle: #fff5e1;
-    --bs-danger-bg-subtle: #ffe4dc;
+    --bs-dark-rgb: 34, 34, 34;
+    --bs-primary-text-emphasis: #0d3c61;
+    --bs-secondary-text-emphasis: #666666;
+    --bs-success-text-emphasis: #1e4620;
+    --bs-info-text-emphasis: #3e1046;
+    --bs-warning-text-emphasis: #663d00;
+    --bs-danger-text-emphasis: #5c0b0e;
+    --bs-light-text-emphasis: #444;
+    --bs-dark-text-emphasis: #444;
+    --bs-primary-bg-subtle: #d3eafd;
+    --bs-secondary-bg-subtle: white;
+    --bs-success-bg-subtle: #dbefdc;
+    --bs-info-bg-subtle: #ebd4ef;
+    --bs-warning-bg-subtle: #ffeacc;
+    --bs-danger-bg-subtle: #fad2d3;
     --bs-light-bg-subtle: #fcfcfd;
     --bs-dark-bg-subtle: #ced4da;
-    --bs-primary-border-subtle: #c9e7de;
-    --bs-secondary-border-subtle: #fad5d7;
-    --bs-success-border-subtle: #bbebd8;
-    --bs-info-border-subtle: #c4e7ee;
-    --bs-warning-border-subtle: #ffebc2;
-    --bs-danger-border-subtle: #ffc9b9;
-    --bs-light-border-subtle: #f7f7f9;
-    --bs-dark-border-subtle: #aaa;
+    --bs-primary-border-subtle: #a6d5fa;
+    --bs-secondary-border-subtle: white;
+    --bs-success-border-subtle: #b7dfb9;
+    --bs-info-border-subtle: #d7a9df;
+    --bs-warning-border-subtle: #ffd699;
+    --bs-danger-border-subtle: #f5a4a7;
+    --bs-light-border-subtle: #eee;
+    --bs-dark-border-subtle: #bbb;
     --bs-white-rgb: 255, 255, 255;
     --bs-black-rgb: 0, 0, 0;
-    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --bs-font-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
     --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
     --bs-body-font-family: var(--bs-font-sans-serif);
     --bs-body-font-size: 1rem;
     --bs-body-font-weight: 400;
     --bs-body-line-height: 1.5;
-    --bs-body-color: #888;
-    --bs-body-color-rgb: 136, 136, 136;
+    --bs-body-color: #444;
+    --bs-body-color-rgb: 68, 68, 68;
     --bs-body-bg: #fff;
     --bs-body-bg-rgb: 255, 255, 255;
     --bs-emphasis-color: #000;
     --bs-emphasis-color-rgb: 0, 0, 0;
-    --bs-secondary-color: rgba(136, 136, 136, 0.75);
-    --bs-secondary-color-rgb: 136, 136, 136;
-    --bs-secondary-bg: #f7f7f9;
-    --bs-secondary-bg-rgb: 247, 247, 249;
-    --bs-tertiary-color: rgba(136, 136, 136, 0.5);
-    --bs-tertiary-color-rgb: 136, 136, 136;
+    --bs-secondary-color: rgba(68, 68, 68, 0.75);
+    --bs-secondary-color-rgb: 68, 68, 68;
+    --bs-secondary-bg: #eee;
+    --bs-secondary-bg-rgb: 238, 238, 238;
+    --bs-tertiary-color: rgba(68, 68, 68, 0.5);
+    --bs-tertiary-color-rgb: 68, 68, 68;
     --bs-tertiary-bg: #f8f9fa;
     --bs-tertiary-bg-rgb: 248, 249, 250;
-    --bs-heading-color: #5a5a5a;
-    --bs-link-color: #78c2ad;
-    --bs-link-color-rgb: 120, 194, 173;
+    --bs-heading-color: inherit;
+    --bs-link-color: #2196f3;
+    --bs-link-color-rgb: 33, 150, 243;
     --bs-link-decoration: underline;
-    --bs-link-hover-color: #609b8a;
-    --bs-link-hover-color-rgb: 96, 155, 138;
+    --bs-link-hover-color: #1a78c2;
+    --bs-link-hover-color-rgb: 26, 120, 194;
     --bs-code-color: #e83e8c;
-    --bs-highlight-color: #888;
-    --bs-highlight-bg: #fff5e1;
+    --bs-highlight-color: #444;
+    --bs-highlight-bg: #ffeacc;
     --bs-border-width: 1px;
     --bs-border-style: solid;
-    --bs-border-color: #eceeef;
+    --bs-border-color: #dee2e6;
     --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
-    --bs-border-radius: 0.4rem;
-    --bs-border-radius-sm: 0.3rem;
-    --bs-border-radius-lg: 0.6rem;
+    --bs-border-radius: 0.375rem;
+    --bs-border-radius-sm: 0.25rem;
+    --bs-border-radius-lg: 0.5rem;
     --bs-border-radius-xl: 1rem;
     --bs-border-radius-xxl: 2rem;
     --bs-border-radius-2xl: var(--bs-border-radius-xxl);
@@ -127,67 +127,67 @@
     --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     --bs-focus-ring-width: 0.25rem;
     --bs-focus-ring-opacity: 0.25;
-    --bs-focus-ring-color: rgba(120, 194, 173, 0.25);
-    --bs-form-valid-color: #56cc9d;
-    --bs-form-valid-border-color: #56cc9d;
-    --bs-form-invalid-color: #ff7851;
-    --bs-form-invalid-border-color: #ff7851;
+    --bs-focus-ring-color: rgba(33, 150, 243, 0.25);
+    --bs-form-valid-color: #4caf50;
+    --bs-form-valid-border-color: #4caf50;
+    --bs-form-invalid-color: #e51c23;
+    --bs-form-invalid-border-color: #e51c23;
 }
 
 [data-bs-theme=dark] {
     color-scheme: dark;
-    --bs-body-color: #eceeef;
-    --bs-body-color-rgb: 236, 238, 239;
-    --bs-body-bg: #212529;
-    --bs-body-bg-rgb: 33, 37, 41;
+    --bs-body-color: #dee2e6;
+    --bs-body-color-rgb: 222, 226, 230;
+    --bs-body-bg: #212121;
+    --bs-body-bg-rgb: 33, 33, 33;
     --bs-emphasis-color: #fff;
     --bs-emphasis-color-rgb: 255, 255, 255;
-    --bs-secondary-color: rgba(236, 238, 239, 0.75);
-    --bs-secondary-color-rgb: 236, 238, 239;
-    --bs-secondary-bg: #343a40;
-    --bs-secondary-bg-rgb: 52, 58, 64;
-    --bs-tertiary-color: rgba(236, 238, 239, 0.5);
-    --bs-tertiary-color-rgb: 236, 238, 239;
-    --bs-tertiary-bg: #2b3035;
-    --bs-tertiary-bg-rgb: 43, 48, 53;
-    --bs-primary-text-emphasis: #aedace;
-    --bs-secondary-text-emphasis: #f8c0c2;
-    --bs-success-text-emphasis: #9ae0c4;
-    --bs-info-text-emphasis: #a7dbe6;
-    --bs-warning-text-emphasis: #ffe2a4;
-    --bs-danger-text-emphasis: #ffae97;
+    --bs-secondary-color: rgba(222, 226, 230, 0.75);
+    --bs-secondary-color-rgb: 222, 226, 230;
+    --bs-secondary-bg: #222;
+    --bs-secondary-bg-rgb: 34, 34, 34;
+    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+    --bs-tertiary-color-rgb: 222, 226, 230;
+    --bs-tertiary-bg: #222222;
+    --bs-tertiary-bg-rgb: 34, 34, 34;
+    --bs-primary-text-emphasis: #7ac0f8;
+    --bs-secondary-text-emphasis: white;
+    --bs-success-text-emphasis: #94cf96;
+    --bs-info-text-emphasis: #c47dd0;
+    --bs-warning-text-emphasis: #ffc166;
+    --bs-danger-text-emphasis: #ef777b;
     --bs-light-text-emphasis: #f8f9fa;
-    --bs-dark-text-emphasis: #eceeef;
-    --bs-primary-bg-subtle: #182723;
-    --bs-secondary-bg-subtle: #311e1f;
-    --bs-success-bg-subtle: #11291f;
-    --bs-info-bg-subtle: #16272b;
-    --bs-warning-bg-subtle: #332915;
-    --bs-danger-bg-subtle: #331810;
-    --bs-light-bg-subtle: #343a40;
-    --bs-dark-bg-subtle: #1a1d20;
-    --bs-primary-border-subtle: #487468;
-    --bs-secondary-border-subtle: #925a5c;
-    --bs-success-border-subtle: #347a5e;
-    --bs-info-border-subtle: #417580;
-    --bs-warning-border-subtle: #997c3e;
-    --bs-danger-border-subtle: #994831;
-    --bs-light-border-subtle: #5a5a5a;
-    --bs-dark-border-subtle: #343a40;
+    --bs-dark-text-emphasis: #dee2e6;
+    --bs-primary-bg-subtle: #071e31;
+    --bs-secondary-bg-subtle: #333333;
+    --bs-success-bg-subtle: #0f2310;
+    --bs-info-bg-subtle: #1f0823;
+    --bs-warning-bg-subtle: #331e00;
+    --bs-danger-bg-subtle: #2e0607;
+    --bs-light-bg-subtle: #222;
+    --bs-dark-bg-subtle: #111111;
+    --bs-primary-border-subtle: #145a92;
+    --bs-secondary-border-subtle: #999999;
+    --bs-success-border-subtle: #2e6930;
+    --bs-info-border-subtle: #5e176a;
+    --bs-warning-border-subtle: #995b00;
+    --bs-danger-border-subtle: #891115;
+    --bs-light-border-subtle: #444;
+    --bs-dark-border-subtle: #222;
     --bs-heading-color: inherit;
-    --bs-link-color: #aedace;
-    --bs-link-hover-color: #bee1d8;
-    --bs-link-color-rgb: 174, 218, 206;
-    --bs-link-hover-color-rgb: 190, 225, 216;
+    --bs-link-color: #7ac0f8;
+    --bs-link-hover-color: #95cdf9;
+    --bs-link-color-rgb: 122, 192, 248;
+    --bs-link-hover-color-rgb: 149, 205, 249;
     --bs-code-color: #f18bba;
-    --bs-highlight-color: #eceeef;
-    --bs-highlight-bg: #665229;
-    --bs-border-color: #5a5a5a;
+    --bs-highlight-color: #dee2e6;
+    --bs-highlight-bg: #663d00;
+    --bs-border-color: #444;
     --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
-    --bs-form-valid-color: #9ae0c4;
-    --bs-form-valid-border-color: #9ae0c4;
-    --bs-form-invalid-color: #ffae97;
-    --bs-form-invalid-border-color: #ffae97;
+    --bs-form-valid-color: #94cf96;
+    --bs-form-valid-border-color: #94cf96;
+    --bs-form-invalid-color: #ef777b;
+    --bs-form-invalid-border-color: #ef777b;
 }
 
 *,
@@ -226,7 +226,6 @@ hr {
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
     margin-top: 0;
     margin-bottom: 0.5rem;
-    font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     font-weight: 500;
     line-height: 1.2;
     color: var(--bs-heading-color);
@@ -413,7 +412,7 @@ kbd {
     font-size: 0.875em;
     color: var(--bs-body-bg);
     background-color: var(--bs-body-color);
-    border-radius: 0.3rem;
+    border-radius: 0.25rem;
 }
 
     kbd kbd {
@@ -730,7 +729,7 @@ progress {
     margin-top: -1rem;
     margin-bottom: 1rem;
     font-size: 0.875em;
-    color: #888;
+    color: #666;
 }
 
     .blockquote-footer::before {
@@ -2124,7 +2123,7 @@ progress {
     --bs-table-bg-state: initial;
     --bs-table-color: var(--bs-emphasis-color);
     --bs-table-bg: var(--bs-body-bg);
-    --bs-table-border-color: rgba(0, 0, 0, 0.05);
+    --bs-table-border-color: var(--bs-border-color);
     --bs-table-accent-bg: transparent;
     --bs-table-striped-color: var(--bs-emphasis-color);
     --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
@@ -2203,85 +2202,85 @@ progress {
 }
 
 .table-primary {
-    --bs-table-color: #fff;
-    --bs-table-bg: #78c2ad;
-    --bs-table-border-color: #93cebd;
-    --bs-table-striped-bg: #7fc5b1;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #86c8b5;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #82c7b3;
-    --bs-table-hover-color: #fff;
+    --bs-table-color: #000;
+    --bs-table-bg: #d3eafd;
+    --bs-table-border-color: #a9bbca;
+    --bs-table-striped-bg: #c8def0;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #bed3e4;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #c3d8ea;
+    --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
 }
 
 .table-secondary {
-    --bs-table-color: #fff;
-    --bs-table-bg: #f3969a;
-    --bs-table-border-color: #f5abae;
-    --bs-table-striped-bg: #f49b9f;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #f4a1a4;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #f49ea2;
-    --bs-table-hover-color: #fff;
+    --bs-table-color: #000;
+    --bs-table-bg: white;
+    --bs-table-border-color: #cccccc;
+    --bs-table-striped-bg: #f2f2f2;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #e6e6e6;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #ececec;
+    --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
 }
 
 .table-success {
-    --bs-table-color: #fff;
-    --bs-table-bg: #56cc9d;
-    --bs-table-border-color: #78d6b1;
-    --bs-table-striped-bg: #5ecfa2;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #67d1a7;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #63d0a4;
-    --bs-table-hover-color: #fff;
+    --bs-table-color: #000;
+    --bs-table-bg: #dbefdc;
+    --bs-table-border-color: #afbfb0;
+    --bs-table-striped-bg: #d0e3d1;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #c5d7c6;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #cbddcc;
+    --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
 }
 
 .table-info {
-    --bs-table-color: #fff;
-    --bs-table-bg: #6cc3d5;
-    --bs-table-border-color: #89cfdd;
-    --bs-table-striped-bg: #73c6d7;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #7bc9d9;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #77c8d8;
-    --bs-table-hover-color: #fff;
+    --bs-table-color: #000;
+    --bs-table-bg: #ebd4ef;
+    --bs-table-border-color: #bcaabf;
+    --bs-table-striped-bg: #dfc9e3;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #d4bfd7;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #d9c4dd;
+    --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
 }
 
 .table-warning {
-    --bs-table-color: #fff;
-    --bs-table-bg: #ffce67;
-    --bs-table-border-color: #ffd885;
-    --bs-table-striped-bg: #ffd06f;
+    --bs-table-color: #000;
+    --bs-table-bg: #ffeacc;
+    --bs-table-border-color: #ccbba3;
+    --bs-table-striped-bg: #f2dec2;
     --bs-table-striped-color: #000;
-    --bs-table-active-bg: #ffd376;
+    --bs-table-active-bg: #e6d3b8;
     --bs-table-active-color: #000;
-    --bs-table-hover-bg: #ffd272;
+    --bs-table-hover-bg: #ecd8bd;
     --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
 }
 
 .table-danger {
-    --bs-table-color: #fff;
-    --bs-table-bg: #ff7851;
-    --bs-table-border-color: #ff9374;
-    --bs-table-striped-bg: #ff7f5a;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #ff8662;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #ff825e;
-    --bs-table-hover-color: #fff;
+    --bs-table-color: #000;
+    --bs-table-bg: #fad2d3;
+    --bs-table-border-color: #c8a8a9;
+    --bs-table-striped-bg: #eec8c8;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #e1bdbe;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #e7c2c3;
+    --bs-table-hover-color: #000;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
 }
@@ -2302,13 +2301,13 @@ progress {
 
 .table-dark {
     --bs-table-color: #fff;
-    --bs-table-bg: #343a40;
-    --bs-table-border-color: #5d6166;
-    --bs-table-striped-bg: #3e444a;
+    --bs-table-bg: #222;
+    --bs-table-border-color: #4e4e4e;
+    --bs-table-striped-bg: #2d2d2d;
     --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #484e53;
+    --bs-table-active-bg: #383838;
     --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #43494e;
+    --bs-table-hover-bg: #333333;
     --bs-table-hover-color: #fff;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color);
@@ -2359,22 +2358,22 @@ progress {
 }
 
 .col-form-label {
-    padding-top: calc(0.375rem + var(--bs-border-width));
-    padding-bottom: calc(0.375rem + var(--bs-border-width));
+    padding-top: 1rem;
+    padding-bottom: 1rem;
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5;
 }
 
 .col-form-label-lg {
-    padding-top: calc(0.5rem + var(--bs-border-width));
-    padding-bottom: calc(0.5rem + var(--bs-border-width));
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
     font-size: 1.25rem;
 }
 
 .col-form-label-sm {
-    padding-top: calc(0.25rem + var(--bs-border-width));
-    padding-bottom: calc(0.25rem + var(--bs-border-width));
+    padding-top: 0;
+    padding-bottom: 0;
     font-size: 0.875rem;
 }
 
@@ -2387,18 +2386,18 @@ progress {
 .form-control {
     display: block;
     width: 100%;
-    padding: 0.375rem 0.75rem;
+    padding: 1rem 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
-    color: var(--bs-body-color);
+    color: #666;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
-    background-color: var(--bs-body-bg);
+    background-color: transparent;
     background-clip: padding-box;
-    border: var(--bs-border-width) solid var(--bs-border-color);
-    border-radius: var(--bs-border-radius);
+    border: 0 solid transparent;
+    border-radius: 0;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
@@ -2417,11 +2416,11 @@ progress {
     }
 
 .form-control:focus {
-    color: var(--bs-body-color);
-    background-color: var(--bs-body-bg);
-    border-color: #bce1d6;
+    color: #666;
+    background-color: transparent;
+    border-color: #90cbf9;
     outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+    box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
 }
 
 .form-control::-webkit-date-and-time-value {
@@ -2436,49 +2435,51 @@ progress {
 }
 
 .form-control::-moz-placeholder {
-    color: var(--bs-secondary-color);
+    color: rgba(0, 0, 0, 0.4);
     opacity: 1;
 }
 
 .form-control::placeholder {
-    color: var(--bs-secondary-color);
+    color: rgba(0, 0, 0, 0.4);
     opacity: 1;
 }
 
 .form-control:disabled {
-    background-color: var(--bs-secondary-bg);
+    background-color: transparent;
     opacity: 1;
 }
 
 .form-control::-webkit-file-upload-button {
-    padding: 0.375rem 0.75rem;
-    margin: -0.375rem -0.75rem;
-    -webkit-margin-end: 0.75rem;
-    margin-inline-end: 0.75rem;
-    color: var(--bs-body-color);
+    padding: 1rem 0;
+    margin: -1rem 0;
+    -webkit-margin-end: 0;
+    margin-inline-end: 0;
+    color: #666;
     background-color: var(--bs-tertiary-bg);
+    background-image: var(--bs-gradient);
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
-    border-inline-end-width: var(--bs-border-width);
+    border-inline-end-width: 0;
     border-radius: 0;
     -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 .form-control::file-selector-button {
-    padding: 0.375rem 0.75rem;
-    margin: -0.375rem -0.75rem;
-    -webkit-margin-end: 0.75rem;
-    margin-inline-end: 0.75rem;
-    color: var(--bs-body-color);
+    padding: 1rem 0;
+    margin: -1rem 0;
+    -webkit-margin-end: 0;
+    margin-inline-end: 0;
+    color: #666;
     background-color: var(--bs-tertiary-bg);
+    background-image: var(--bs-gradient);
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
-    border-inline-end-width: var(--bs-border-width);
+    border-inline-end-width: 0;
     border-radius: 0;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
@@ -2505,13 +2506,13 @@ progress {
 .form-control-plaintext {
     display: block;
     width: 100%;
-    padding: 0.375rem 0;
+    padding: 1rem 0;
     margin-bottom: 0;
     line-height: 1.5;
     color: var(--bs-body-color);
     background-color: transparent;
     border: solid transparent;
-    border-width: var(--bs-border-width) 0;
+    border-width: 0 0;
 }
 
     .form-control-plaintext:focus {
@@ -2524,63 +2525,63 @@ progress {
     }
 
 .form-control-sm {
-    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
-    padding: 0.25rem 0.5rem;
+    min-height: calc(1.5em + 0 + calc(0 * 2));
+    padding: 0 0;
     font-size: 0.875rem;
-    border-radius: var(--bs-border-radius-sm);
+    border-radius: 0;
 }
 
     .form-control-sm::-webkit-file-upload-button {
-        padding: 0.25rem 0.5rem;
-        margin: -0.25rem -0.5rem;
-        -webkit-margin-end: 0.5rem;
-        margin-inline-end: 0.5rem;
+        padding: 0 0;
+        margin: 0 0;
+        -webkit-margin-end: 0;
+        margin-inline-end: 0;
     }
 
     .form-control-sm::file-selector-button {
-        padding: 0.25rem 0.5rem;
-        margin: -0.25rem -0.5rem;
-        -webkit-margin-end: 0.5rem;
-        margin-inline-end: 0.5rem;
+        padding: 0 0;
+        margin: 0 0;
+        -webkit-margin-end: 0;
+        margin-inline-end: 0;
     }
 
 .form-control-lg {
-    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
-    padding: 0.5rem 1rem;
+    min-height: calc(1.5em + 2.5rem + calc(0 * 2));
+    padding: 1.25rem 0;
     font-size: 1.25rem;
-    border-radius: var(--bs-border-radius-lg);
+    border-radius: 0;
 }
 
     .form-control-lg::-webkit-file-upload-button {
-        padding: 0.5rem 1rem;
-        margin: -0.5rem -1rem;
-        -webkit-margin-end: 1rem;
-        margin-inline-end: 1rem;
+        padding: 1.25rem 0;
+        margin: -1.25rem 0;
+        -webkit-margin-end: 0;
+        margin-inline-end: 0;
     }
 
     .form-control-lg::file-selector-button {
-        padding: 0.5rem 1rem;
-        margin: -0.5rem -1rem;
-        -webkit-margin-end: 1rem;
-        margin-inline-end: 1rem;
+        padding: 1.25rem 0;
+        margin: -1.25rem 0;
+        -webkit-margin-end: 0;
+        margin-inline-end: 0;
     }
 
 textarea.form-control {
-    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
+    min-height: calc(1.5em + 2rem + calc(0 * 2));
 }
 
 textarea.form-control-sm {
-    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
+    min-height: calc(1.5em + 0 + calc(0 * 2));
 }
 
 textarea.form-control-lg {
-    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
+    min-height: calc(1.5em + 2.5rem + calc(0 * 2));
 }
 
 .form-control-color {
     width: 3rem;
-    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
-    padding: 0.375rem;
+    height: calc(1.5em + 2rem + calc(0 * 2));
+    padding: 1rem;
 }
 
     .form-control-color:not(:disabled):not([readonly]) {
@@ -2589,41 +2590,41 @@ textarea.form-control-lg {
 
     .form-control-color::-moz-color-swatch {
         border: 0 !important;
-        border-radius: var(--bs-border-radius);
+        border-radius: 0;
     }
 
     .form-control-color::-webkit-color-swatch {
         border: 0 !important;
-        border-radius: var(--bs-border-radius);
+        border-radius: 0;
     }
 
     .form-control-color.form-control-sm {
-        height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
+        height: calc(1.5em + 0 + calc(0 * 2));
     }
 
     .form-control-color.form-control-lg {
-        height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
+        height: calc(1.5em + 2.5rem + calc(0 * 2));
     }
 
 .form-select {
-    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     display: block;
     width: 100%;
-    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+    padding: 1rem 0 1rem 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
-    color: var(--bs-body-color);
+    color: #666;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
-    background-color: var(--bs-body-bg);
+    background-color: transparent;
     background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
     background-repeat: no-repeat;
-    background-position: right 0.75rem center;
+    background-position: right 0 center;
     background-size: 16px 12px;
-    border: var(--bs-border-width) solid var(--bs-border-color);
-    border-radius: var(--bs-border-radius);
+    border: 0 solid transparent;
+    border-radius: 0;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
@@ -2634,43 +2635,43 @@ textarea.form-control-lg {
 }
 
 .form-select:focus {
-    border-color: #bce1d6;
+    border-color: #90cbf9;
     outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+    box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
 }
 
 .form-select[multiple], .form-select[size]:not([size="1"]) {
-    padding-right: 0.75rem;
+    padding-right: 0;
     background-image: none;
 }
 
 .form-select:disabled {
-    background-color: var(--bs-secondary-bg);
+    background-color: transparent;
 }
 
 .form-select:-moz-focusring {
     color: transparent;
-    text-shadow: 0 0 0 var(--bs-body-color);
+    text-shadow: 0 0 0 #666;
 }
 
 .form-select-sm {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-    padding-left: 0.5rem;
+    padding-top: 0;
+    padding-bottom: 0;
+    padding-left: 0;
     font-size: 0.875rem;
-    border-radius: var(--bs-border-radius-sm);
+    border-radius: 0;
 }
 
 .form-select-lg {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-    padding-left: 1rem;
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+    padding-left: 0;
     font-size: 1.25rem;
-    border-radius: var(--bs-border-radius-lg);
+    border-radius: 0;
 }
 
 [data-bs-theme=dark] .form-select {
-    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23eceeef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 }
 
 .form-check {
@@ -2698,7 +2699,7 @@ textarea.form-control-lg {
     }
 
 .form-check-input {
-    --bs-form-check-bg: var(--bs-body-bg);
+    --bs-form-check-bg: transparent;
     flex-shrink: 0;
     width: 1em;
     height: 1em;
@@ -2731,28 +2732,28 @@ textarea.form-control-lg {
     }
 
     .form-check-input:focus {
-        border-color: #bce1d6;
+        border-color: #90cbf9;
         outline: 0;
-        box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+        box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
     }
 
     .form-check-input:checked {
-        background-color: #78c2ad;
-        border-color: #78c2ad;
+        background-color: #2196f3;
+        border-color: #2196f3;
     }
 
         .form-check-input:checked[type=checkbox] {
-            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
+            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"), var(--bs-gradient);
         }
 
         .form-check-input:checked[type=radio] {
-            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
+            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"), var(--bs-gradient);
         }
 
     .form-check-input[type=checkbox]:indeterminate {
-        background-color: #78c2ad;
-        border-color: #78c2ad;
-        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+        background-color: #2196f3;
+        border-color: #2196f3;
+        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"), var(--bs-gradient);
     }
 
     .form-check-input:disabled {
@@ -2787,12 +2788,12 @@ textarea.form-control-lg {
 }
 
 .form-switch .form-check-input:focus {
-    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bce1d6'/%3e%3c/svg%3e");
+    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390cbf9'/%3e%3c/svg%3e");
 }
 
 .form-switch .form-check-input:checked {
     background-position: right center;
-    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"), var(--bs-gradient);
 }
 
 .form-switch.form-check-reverse {
@@ -2841,11 +2842,11 @@ textarea.form-control-lg {
     }
 
         .form-range:focus::-webkit-slider-thumb {
-            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
         }
 
         .form-range:focus::-moz-range-thumb {
-            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
         }
 
     .form-range::-moz-focus-outer {
@@ -2858,7 +2859,8 @@ textarea.form-control-lg {
         margin-top: -0.25rem;
         -webkit-appearance: none;
         appearance: none;
-        background-color: #78c2ad;
+        background-color: #2196f3;
+        background-image: var(--bs-gradient);
         border: 0;
         border-radius: 1rem;
         -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2873,7 +2875,8 @@ textarea.form-control-lg {
 }
 
 .form-range::-webkit-slider-thumb:active {
-    background-color: #d7ede6;
+    background-color: #bce0fb;
+    background-image: var(--bs-gradient);
 }
 
 .form-range::-webkit-slider-runnable-track {
@@ -2891,7 +2894,8 @@ textarea.form-control-lg {
     height: 1rem;
     -moz-appearance: none;
     appearance: none;
-    background-color: #78c2ad;
+    background-color: #2196f3;
+    background-image: var(--bs-gradient);
     border: 0;
     border-radius: 1rem;
     -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2906,7 +2910,8 @@ textarea.form-control-lg {
 }
 
 .form-range::-moz-range-thumb:active {
-    background-color: #d7ede6;
+    background-color: #bce0fb;
+    background-image: var(--bs-gradient);
 }
 
 .form-range::-moz-range-track {
@@ -2938,8 +2943,8 @@ textarea.form-control-lg {
     .form-floating > .form-control,
     .form-floating > .form-control-plaintext,
     .form-floating > .form-select {
-        height: calc(3.5rem + calc(var(--bs-border-width) * 2));
-        min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
+        height: calc(3.5rem + calc(0 * 2));
+        min-height: calc(3.5rem + calc(0 * 2));
         line-height: 1.25;
     }
 
@@ -2949,13 +2954,13 @@ textarea.form-control-lg {
         left: 0;
         z-index: 2;
         height: 100%;
-        padding: 1rem 0.75rem;
+        padding: 1rem 0;
         overflow: hidden;
         text-align: start;
         text-overflow: ellipsis;
         white-space: nowrap;
         pointer-events: none;
-        border: var(--bs-border-width) solid transparent;
+        border: 0 solid transparent;
         transform-origin: 0 0;
         transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
     }
@@ -2968,7 +2973,7 @@ textarea.form-control-lg {
 
 .form-floating > .form-control,
 .form-floating > .form-control-plaintext {
-    padding: 1rem 0.75rem;
+    padding: 1rem 0;
 }
 
     .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
@@ -3018,12 +3023,12 @@ textarea.form-control-lg {
 
 .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
     position: absolute;
-    inset: 1rem 0.375rem;
+    inset: 1rem 0;
     z-index: -1;
     height: 1.5em;
     content: "";
-    background-color: var(--bs-body-bg);
-    border-radius: var(--bs-border-radius);
+    background-color: transparent;
+    border-radius: 0;
 }
 
 .form-floating > .form-control:focus ~ label::after,
@@ -3031,12 +3036,12 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext ~ label::after,
 .form-floating > .form-select ~ label::after {
     position: absolute;
-    inset: 1rem 0.375rem;
+    inset: 1rem 0;
     z-index: -1;
     height: 1.5em;
     content: "";
-    background-color: var(--bs-body-bg);
-    border-radius: var(--bs-border-radius);
+    background-color: transparent;
+    border-radius: 0;
 }
 
 .form-floating > .form-control:-webkit-autofill ~ label {
@@ -3045,17 +3050,17 @@ textarea.form-control-lg {
 }
 
 .form-floating > .form-control-plaintext ~ label {
-    border-width: var(--bs-border-width) 0;
+    border-width: 0 0;
 }
 
 .form-floating > :disabled ~ label,
 .form-floating > .form-control:disabled ~ label {
-    color: #888;
+    color: #666;
 }
 
     .form-floating > :disabled ~ label::after,
     .form-floating > .form-control:disabled ~ label::after {
-        background-color: var(--bs-secondary-bg);
+        background-color: transparent;
     }
 
 .input-group {
@@ -3093,39 +3098,39 @@ textarea.form-control-lg {
 .input-group-text {
     display: flex;
     align-items: center;
-    padding: 0.375rem 0.75rem;
+    padding: 1rem 0;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
-    color: var(--bs-body-color);
+    color: #666;
     text-align: center;
     white-space: nowrap;
-    background-color: var(--bs-tertiary-bg);
-    border: var(--bs-border-width) solid var(--bs-border-color);
-    border-radius: var(--bs-border-radius);
+    background-color: transparent;
+    border: 0 solid transparent;
+    border-radius: 0;
 }
 
 .input-group-lg > .form-control,
 .input-group-lg > .form-select,
 .input-group-lg > .input-group-text,
 .input-group-lg > .btn {
-    padding: 0.5rem 1rem;
+    padding: 1.25rem 0;
     font-size: 1.25rem;
-    border-radius: var(--bs-border-radius-lg);
+    border-radius: 0;
 }
 
 .input-group-sm > .form-control,
 .input-group-sm > .form-select,
 .input-group-sm > .input-group-text,
 .input-group-sm > .btn {
-    padding: 0.25rem 0.5rem;
+    padding: 0 0;
     font-size: 0.875rem;
-    border-radius: var(--bs-border-radius-sm);
+    border-radius: 0;
 }
 
 .input-group-lg > .form-select,
 .input-group-sm > .form-select {
-    padding-right: 3rem;
+    padding-right: 0;
 }
 
 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
@@ -3145,7 +3150,7 @@ textarea.form-control-lg {
 }
 
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-    margin-left: calc(var(--bs-border-width) * -1);
+    margin-left: calc(0 * -1);
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }
@@ -3187,11 +3192,11 @@ textarea.form-control-lg {
 
 .was-validated .form-control:valid, .form-control.is-valid {
     border-color: var(--bs-form-valid-border-color);
-    padding-right: calc(1.5em + 0.75rem);
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2356cc9d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+    padding-right: calc(1.5em + 2rem);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
-    background-position: right calc(0.375em + 0.1875rem) center;
-    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+    background-position: right calc(0.375em + 0.5rem) center;
+    background-size: calc(0.75em + 1rem) calc(0.75em + 1rem);
 }
 
     .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
@@ -3200,8 +3205,8 @@ textarea.form-control-lg {
     }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-    padding-right: calc(1.5em + 0.75rem);
-    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+    padding-right: calc(1.5em + 2rem);
+    background-position: top calc(0.375em + 0.5rem) right calc(0.375em + 0.5rem);
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
@@ -3209,10 +3214,10 @@ textarea.form-control-lg {
 }
 
     .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
-        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2356cc9d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-        padding-right: 4.125rem;
-        background-position: right 0.75rem center, center right 2.25rem;
-        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+        padding-right: 0;
+        background-position: right 0 center, center right 0;
+        background-size: 16px 12px, calc(0.75em + 1rem) calc(0.75em + 1rem);
     }
 
     .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
@@ -3221,7 +3226,7 @@ textarea.form-control-lg {
     }
 
 .was-validated .form-control-color:valid, .form-control-color.is-valid {
-    width: calc(3rem + calc(1.5em + 0.75rem));
+    width: calc(3rem + calc(1.5em + 2rem));
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
@@ -3283,11 +3288,11 @@ textarea.form-control-lg {
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
     border-color: var(--bs-form-invalid-border-color);
-    padding-right: calc(1.5em + 0.75rem);
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff7851'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff7851' stroke='none'/%3e%3c/svg%3e");
+    padding-right: calc(1.5em + 2rem);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e51c23'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e51c23' stroke='none'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
-    background-position: right calc(0.375em + 0.1875rem) center;
-    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+    background-position: right calc(0.375em + 0.5rem) center;
+    background-size: calc(0.75em + 1rem) calc(0.75em + 1rem);
 }
 
     .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
@@ -3296,8 +3301,8 @@ textarea.form-control-lg {
     }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-    padding-right: calc(1.5em + 0.75rem);
-    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+    padding-right: calc(1.5em + 2rem);
+    background-position: top calc(0.375em + 0.5rem) right calc(0.375em + 0.5rem);
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
@@ -3305,10 +3310,10 @@ textarea.form-control-lg {
 }
 
     .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
-        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff7851'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff7851' stroke='none'/%3e%3c/svg%3e");
-        padding-right: 4.125rem;
-        background-position: right 0.75rem center, center right 2.25rem;
-        background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e51c23'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e51c23' stroke='none'/%3e%3c/svg%3e");
+        padding-right: 0;
+        background-position: right 0 center, center right 0;
+        background-size: 16px 12px, calc(0.75em + 1rem) calc(0.75em + 1rem);
     }
 
     .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
@@ -3317,7 +3322,7 @@ textarea.form-control-lg {
     }
 
 .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
-    width: calc(3rem + calc(1.5em + 0.75rem));
+    width: calc(3rem + calc(1.5em + 2rem));
 }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
@@ -3349,8 +3354,8 @@ textarea.form-control-lg {
 }
 
 .btn {
-    --bs-btn-padding-x: 0.75rem;
-    --bs-btn-padding-y: 0.375rem;
+    --bs-btn-padding-x: 1rem;
+    --bs-btn-padding-y: 0.8rem;
     --bs-btn-font-family:;
     --bs-btn-font-size: 1rem;
     --bs-btn-font-weight: 400;
@@ -3381,6 +3386,7 @@ textarea.form-control-lg {
     border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
     border-radius: var(--bs-btn-border-radius);
     background-color: var(--bs-btn-bg);
+    background-image: var(--bs-gradient);
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
@@ -3405,6 +3411,7 @@ textarea.form-control-lg {
 .btn:focus-visible {
     color: var(--bs-btn-hover-color);
     background-color: var(--bs-btn-hover-bg);
+    background-image: var(--bs-gradient);
     border-color: var(--bs-btn-hover-border-color);
     outline: 0;
     box-shadow: var(--bs-btn-focus-box-shadow);
@@ -3419,6 +3426,7 @@ textarea.form-control-lg {
 .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
     color: var(--bs-btn-active-color);
     background-color: var(--bs-btn-active-bg);
+    background-image: none;
     border-color: var(--bs-btn-active-border-color);
 }
 
@@ -3434,121 +3442,122 @@ textarea.form-control-lg {
     color: var(--bs-btn-disabled-color);
     pointer-events: none;
     background-color: var(--bs-btn-disabled-bg);
+    background-image: none;
     border-color: var(--bs-btn-disabled-border-color);
     opacity: var(--bs-btn-disabled-opacity);
 }
 
 .btn-primary {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #78c2ad;
-    --bs-btn-border-color: #78c2ad;
+    --bs-btn-bg: #2196f3;
+    --bs-btn-border-color: #2196f3;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #66a593;
-    --bs-btn-hover-border-color: #609b8a;
-    --bs-btn-focus-shadow-rgb: 140, 203, 185;
+    --bs-btn-hover-bg: #1c80cf;
+    --bs-btn-hover-border-color: #1a78c2;
+    --bs-btn-focus-shadow-rgb: 66, 166, 245;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #609b8a;
-    --bs-btn-active-border-color: #5a9282;
+    --bs-btn-active-bg: #1a78c2;
+    --bs-btn-active-border-color: #1971b6;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #78c2ad;
-    --bs-btn-disabled-border-color: #78c2ad;
+    --bs-btn-disabled-bg: #2196f3;
+    --bs-btn-disabled-border-color: #2196f3;
 }
 
 .btn-secondary {
-    --bs-btn-color: #fff;
-    --bs-btn-bg: #f3969a;
-    --bs-btn-border-color: #f3969a;
-    --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #cf8083;
-    --bs-btn-hover-border-color: #c2787b;
-    --bs-btn-focus-shadow-rgb: 245, 166, 169;
-    --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #c2787b;
-    --bs-btn-active-border-color: #b67174;
+    --bs-btn-color: #000;
+    --bs-btn-bg: #fff;
+    --bs-btn-border-color: #fff;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: white;
+    --bs-btn-hover-border-color: white;
+    --bs-btn-focus-shadow-rgb: 217, 217, 217;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: white;
+    --bs-btn-active-border-color: white;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #f3969a;
-    --bs-btn-disabled-border-color: #f3969a;
+    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-bg: #fff;
+    --bs-btn-disabled-border-color: #fff;
 }
 
 .btn-success {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #56cc9d;
-    --bs-btn-border-color: #56cc9d;
+    --bs-btn-bg: #4caf50;
+    --bs-btn-border-color: #4caf50;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #49ad85;
-    --bs-btn-hover-border-color: #45a37e;
-    --bs-btn-focus-shadow-rgb: 111, 212, 172;
+    --bs-btn-hover-bg: #419544;
+    --bs-btn-hover-border-color: #3d8c40;
+    --bs-btn-focus-shadow-rgb: 103, 187, 106;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #45a37e;
-    --bs-btn-active-border-color: #419976;
+    --bs-btn-active-bg: #3d8c40;
+    --bs-btn-active-border-color: #39833c;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #56cc9d;
-    --bs-btn-disabled-border-color: #56cc9d;
+    --bs-btn-disabled-bg: #4caf50;
+    --bs-btn-disabled-border-color: #4caf50;
 }
 
 .btn-info {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #6cc3d5;
-    --bs-btn-border-color: #6cc3d5;
+    --bs-btn-bg: #9c27b0;
+    --bs-btn-border-color: #9c27b0;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #5ca6b5;
-    --bs-btn-hover-border-color: #569caa;
-    --bs-btn-focus-shadow-rgb: 130, 204, 219;
+    --bs-btn-hover-bg: #852196;
+    --bs-btn-hover-border-color: #7d1f8d;
+    --bs-btn-focus-shadow-rgb: 171, 71, 188;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #569caa;
-    --bs-btn-active-border-color: #5192a0;
+    --bs-btn-active-bg: #7d1f8d;
+    --bs-btn-active-border-color: #751d84;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #6cc3d5;
-    --bs-btn-disabled-border-color: #6cc3d5;
+    --bs-btn-disabled-bg: #9c27b0;
+    --bs-btn-disabled-border-color: #9c27b0;
 }
 
 .btn-warning {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #ffce67;
-    --bs-btn-border-color: #ffce67;
+    --bs-btn-bg: #ff9800;
+    --bs-btn-border-color: #ff9800;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #d9af58;
-    --bs-btn-hover-border-color: #cca552;
-    --bs-btn-focus-shadow-rgb: 255, 213, 126;
+    --bs-btn-hover-bg: #d98100;
+    --bs-btn-hover-border-color: #cc7a00;
+    --bs-btn-focus-shadow-rgb: 255, 167, 38;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #cca552;
-    --bs-btn-active-border-color: #bf9b4d;
+    --bs-btn-active-bg: #cc7a00;
+    --bs-btn-active-border-color: #bf7200;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #ffce67;
-    --bs-btn-disabled-border-color: #ffce67;
+    --bs-btn-disabled-bg: #ff9800;
+    --bs-btn-disabled-border-color: #ff9800;
 }
 
 .btn-danger {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #ff7851;
-    --bs-btn-border-color: #ff7851;
+    --bs-btn-bg: #e51c23;
+    --bs-btn-border-color: #e51c23;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #d96645;
-    --bs-btn-hover-border-color: #cc6041;
-    --bs-btn-focus-shadow-rgb: 255, 140, 107;
+    --bs-btn-hover-bg: #c3181e;
+    --bs-btn-hover-border-color: #b7161c;
+    --bs-btn-focus-shadow-rgb: 233, 62, 68;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #cc6041;
-    --bs-btn-active-border-color: #bf5a3d;
+    --bs-btn-active-bg: #b7161c;
+    --bs-btn-active-border-color: #ac151a;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #ff7851;
-    --bs-btn-disabled-border-color: #ff7851;
+    --bs-btn-disabled-bg: #e51c23;
+    --bs-btn-disabled-border-color: #e51c23;
 }
 
 .btn-light {
     --bs-btn-color: #000;
     --bs-btn-bg: #f8f9fa;
     --bs-btn-border-color: #f8f9fa;
-    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-color: #000;
     --bs-btn-hover-bg: #d3d4d5;
     --bs-btn-hover-border-color: #c6c7c8;
     --bs-btn-focus-shadow-rgb: 211, 212, 213;
-    --bs-btn-active-color: #fff;
+    --bs-btn-active-color: #000;
     --bs-btn-active-bg: #c6c7c8;
     --bs-btn-active-border-color: #babbbc;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3559,120 +3568,120 @@ textarea.form-control-lg {
 
 .btn-dark {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #343a40;
-    --bs-btn-border-color: #343a40;
+    --bs-btn-bg: #222;
+    --bs-btn-border-color: #222;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #52585d;
-    --bs-btn-hover-border-color: #484e53;
-    --bs-btn-focus-shadow-rgb: 82, 88, 93;
+    --bs-btn-hover-bg: #434343;
+    --bs-btn-hover-border-color: #383838;
+    --bs-btn-focus-shadow-rgb: 67, 67, 67;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #5d6166;
-    --bs-btn-active-border-color: #484e53;
+    --bs-btn-active-bg: #4e4e4e;
+    --bs-btn-active-border-color: #383838;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #343a40;
-    --bs-btn-disabled-border-color: #343a40;
+    --bs-btn-disabled-bg: #222;
+    --bs-btn-disabled-border-color: #222;
 }
 
 .btn-outline-primary {
-    --bs-btn-color: #78c2ad;
-    --bs-btn-border-color: #78c2ad;
+    --bs-btn-color: #2196f3;
+    --bs-btn-border-color: #2196f3;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #78c2ad;
-    --bs-btn-hover-border-color: #78c2ad;
-    --bs-btn-focus-shadow-rgb: 120, 194, 173;
+    --bs-btn-hover-bg: #2196f3;
+    --bs-btn-hover-border-color: #2196f3;
+    --bs-btn-focus-shadow-rgb: 33, 150, 243;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #78c2ad;
-    --bs-btn-active-border-color: #78c2ad;
+    --bs-btn-active-bg: #2196f3;
+    --bs-btn-active-border-color: #2196f3;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #78c2ad;
+    --bs-btn-disabled-color: #2196f3;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #78c2ad;
+    --bs-btn-disabled-border-color: #2196f3;
     --bs-gradient: none;
 }
 
 .btn-outline-secondary {
-    --bs-btn-color: #f3969a;
-    --bs-btn-border-color: #f3969a;
-    --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #f3969a;
-    --bs-btn-hover-border-color: #f3969a;
-    --bs-btn-focus-shadow-rgb: 243, 150, 154;
-    --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #f3969a;
-    --bs-btn-active-border-color: #f3969a;
+    --bs-btn-color: #fff;
+    --bs-btn-border-color: #fff;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #fff;
+    --bs-btn-hover-border-color: #fff;
+    --bs-btn-focus-shadow-rgb: 255, 255, 255;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #fff;
+    --bs-btn-active-border-color: #fff;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #f3969a;
+    --bs-btn-disabled-color: #fff;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #f3969a;
+    --bs-btn-disabled-border-color: #fff;
     --bs-gradient: none;
 }
 
 .btn-outline-success {
-    --bs-btn-color: #56cc9d;
-    --bs-btn-border-color: #56cc9d;
+    --bs-btn-color: #4caf50;
+    --bs-btn-border-color: #4caf50;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #56cc9d;
-    --bs-btn-hover-border-color: #56cc9d;
-    --bs-btn-focus-shadow-rgb: 86, 204, 157;
+    --bs-btn-hover-bg: #4caf50;
+    --bs-btn-hover-border-color: #4caf50;
+    --bs-btn-focus-shadow-rgb: 76, 175, 80;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #56cc9d;
-    --bs-btn-active-border-color: #56cc9d;
+    --bs-btn-active-bg: #4caf50;
+    --bs-btn-active-border-color: #4caf50;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #56cc9d;
+    --bs-btn-disabled-color: #4caf50;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #56cc9d;
+    --bs-btn-disabled-border-color: #4caf50;
     --bs-gradient: none;
 }
 
 .btn-outline-info {
-    --bs-btn-color: #6cc3d5;
-    --bs-btn-border-color: #6cc3d5;
+    --bs-btn-color: #9c27b0;
+    --bs-btn-border-color: #9c27b0;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #6cc3d5;
-    --bs-btn-hover-border-color: #6cc3d5;
-    --bs-btn-focus-shadow-rgb: 108, 195, 213;
+    --bs-btn-hover-bg: #9c27b0;
+    --bs-btn-hover-border-color: #9c27b0;
+    --bs-btn-focus-shadow-rgb: 156, 39, 176;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #6cc3d5;
-    --bs-btn-active-border-color: #6cc3d5;
+    --bs-btn-active-bg: #9c27b0;
+    --bs-btn-active-border-color: #9c27b0;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #6cc3d5;
+    --bs-btn-disabled-color: #9c27b0;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #6cc3d5;
+    --bs-btn-disabled-border-color: #9c27b0;
     --bs-gradient: none;
 }
 
 .btn-outline-warning {
-    --bs-btn-color: #ffce67;
-    --bs-btn-border-color: #ffce67;
+    --bs-btn-color: #ff9800;
+    --bs-btn-border-color: #ff9800;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #ffce67;
-    --bs-btn-hover-border-color: #ffce67;
-    --bs-btn-focus-shadow-rgb: 255, 206, 103;
+    --bs-btn-hover-bg: #ff9800;
+    --bs-btn-hover-border-color: #ff9800;
+    --bs-btn-focus-shadow-rgb: 255, 152, 0;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #ffce67;
-    --bs-btn-active-border-color: #ffce67;
+    --bs-btn-active-bg: #ff9800;
+    --bs-btn-active-border-color: #ff9800;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #ffce67;
+    --bs-btn-disabled-color: #ff9800;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #ffce67;
+    --bs-btn-disabled-border-color: #ff9800;
     --bs-gradient: none;
 }
 
 .btn-outline-danger {
-    --bs-btn-color: #ff7851;
-    --bs-btn-border-color: #ff7851;
+    --bs-btn-color: #e51c23;
+    --bs-btn-border-color: #e51c23;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #ff7851;
-    --bs-btn-hover-border-color: #ff7851;
-    --bs-btn-focus-shadow-rgb: 255, 120, 81;
+    --bs-btn-hover-bg: #e51c23;
+    --bs-btn-hover-border-color: #e51c23;
+    --bs-btn-focus-shadow-rgb: 229, 28, 35;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #ff7851;
-    --bs-btn-active-border-color: #ff7851;
+    --bs-btn-active-bg: #e51c23;
+    --bs-btn-active-border-color: #e51c23;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #ff7851;
+    --bs-btn-disabled-color: #e51c23;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #ff7851;
+    --bs-btn-disabled-border-color: #e51c23;
     --bs-gradient: none;
 }
 
@@ -3694,19 +3703,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-dark {
-    --bs-btn-color: #343a40;
-    --bs-btn-border-color: #343a40;
+    --bs-btn-color: #222;
+    --bs-btn-border-color: #222;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #343a40;
-    --bs-btn-hover-border-color: #343a40;
-    --bs-btn-focus-shadow-rgb: 52, 58, 64;
+    --bs-btn-hover-bg: #222;
+    --bs-btn-hover-border-color: #222;
+    --bs-btn-focus-shadow-rgb: 34, 34, 34;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #343a40;
-    --bs-btn-active-border-color: #343a40;
+    --bs-btn-active-bg: #222;
+    --bs-btn-active-border-color: #222;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #343a40;
+    --bs-btn-disabled-color: #222;
     --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #343a40;
+    --bs-btn-disabled-border-color: #222;
     --bs-gradient: none;
 }
 
@@ -3719,11 +3728,12 @@ textarea.form-control-lg {
     --bs-btn-hover-border-color: transparent;
     --bs-btn-active-color: var(--bs-link-hover-color);
     --bs-btn-active-border-color: transparent;
-    --bs-btn-disabled-color: #888;
+    --bs-btn-disabled-color: #666;
     --bs-btn-disabled-border-color: transparent;
     --bs-btn-box-shadow: 0 0 0 #000;
-    --bs-btn-focus-shadow-rgb: 140, 203, 185;
+    --bs-btn-focus-shadow-rgb: 66, 166, 245;
     text-decoration: underline;
+    background-image: none;
 }
 
     .btn-link:focus-visible {
@@ -3835,14 +3845,14 @@ textarea.form-control-lg {
     --bs-dropdown-divider-margin-y: 0.5rem;
     --bs-dropdown-box-shadow: var(--bs-box-shadow);
     --bs-dropdown-link-color: var(--bs-body-color);
-    --bs-dropdown-link-hover-color: #fff;
-    --bs-dropdown-link-hover-bg: #f3969a;
+    --bs-dropdown-link-hover-color: var(--bs-body-color);
+    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
     --bs-dropdown-link-active-color: #fff;
-    --bs-dropdown-link-active-bg: #78c2ad;
+    --bs-dropdown-link-active-bg: #2196f3;
     --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
     --bs-dropdown-item-padding-x: 1rem;
     --bs-dropdown-item-padding-y: 0.25rem;
-    --bs-dropdown-header-color: #888;
+    --bs-dropdown-header-color: #666;
     --bs-dropdown-header-padding-x: 1rem;
     --bs-dropdown-header-padding-y: 0.5rem;
     position: absolute;
@@ -4097,18 +4107,21 @@ textarea.form-control-lg {
     .dropdown-item:hover, .dropdown-item:focus {
         color: var(--bs-dropdown-link-hover-color);
         background-color: var(--bs-dropdown-link-hover-bg);
+        background-image: var(--bs-gradient);
     }
 
     .dropdown-item.active, .dropdown-item:active {
         color: var(--bs-dropdown-link-active-color);
         text-decoration: none;
         background-color: var(--bs-dropdown-link-active-bg);
+        background-image: var(--bs-gradient);
     }
 
     .dropdown-item.disabled, .dropdown-item:disabled {
         color: var(--bs-dropdown-link-disabled-color);
         pointer-events: none;
         background-color: transparent;
+        background-image: none;
     }
 
 .dropdown-menu.show {
@@ -4131,18 +4144,18 @@ textarea.form-control-lg {
 }
 
 .dropdown-menu-dark {
-    --bs-dropdown-color: #eceeef;
-    --bs-dropdown-bg: #343a40;
+    --bs-dropdown-color: #dee2e6;
+    --bs-dropdown-bg: #222;
     --bs-dropdown-border-color: var(--bs-border-color-translucent);
     --bs-dropdown-box-shadow:;
-    --bs-dropdown-link-color: #eceeef;
+    --bs-dropdown-link-color: #dee2e6;
     --bs-dropdown-link-hover-color: #fff;
     --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
     --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
     --bs-dropdown-link-active-color: #fff;
-    --bs-dropdown-link-active-bg: #78c2ad;
-    --bs-dropdown-link-disabled-color: #aaa;
-    --bs-dropdown-header-color: #aaa;
+    --bs-dropdown-link-active-bg: #2196f3;
+    --bs-dropdown-link-disabled-color: #bbb;
+    --bs-dropdown-header-color: #bbb;
 }
 
 .btn-group,
@@ -4207,8 +4220,8 @@ textarea.form-control-lg {
     }
 
 .dropdown-toggle-split {
-    padding-right: 0.5625rem;
-    padding-left: 0.5625rem;
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
 }
 
     .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
@@ -4263,7 +4276,7 @@ textarea.form-control-lg {
     --bs-nav-link-font-weight:;
     --bs-nav-link-color: var(--bs-link-color);
     --bs-nav-link-hover-color: var(--bs-link-hover-color);
-    --bs-nav-link-disabled-color: var(--bs-secondary-color);
+    --bs-nav-link-disabled-color: #bbb;
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
@@ -4295,7 +4308,7 @@ textarea.form-control-lg {
 
 .nav-link:focus-visible {
     outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+    box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
 }
 
 .nav-link.disabled, .nav-link:disabled {
@@ -4306,9 +4319,9 @@ textarea.form-control-lg {
 
 .nav-tabs {
     --bs-nav-tabs-border-width: var(--bs-border-width);
-    --bs-nav-tabs-border-color: var(--bs-border-color);
+    --bs-nav-tabs-border-color: transparent;
     --bs-nav-tabs-border-radius: var(--bs-border-radius);
-    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
+    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) transparent;
     --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
     --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
     --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
@@ -4343,7 +4356,7 @@ textarea.form-control-lg {
 .nav-pills {
     --bs-nav-pills-border-radius: var(--bs-border-radius);
     --bs-nav-pills-link-active-color: #fff;
-    --bs-nav-pills-link-active-bg: #78c2ad;
+    --bs-nav-pills-link-active-bg: #2196f3;
 }
 
     .nav-pills .nav-link {
@@ -4354,6 +4367,7 @@ textarea.form-control-lg {
         .nav-pills .show > .nav-link {
             color: var(--bs-nav-pills-link-active-color);
             background-color: var(--bs-nav-pills-link-active-bg);
+            background-image: var(--bs-gradient);
         }
 
 .nav-underline {
@@ -4408,7 +4422,7 @@ textarea.form-control-lg {
 
 .navbar {
     --bs-navbar-padding-x: 0;
-    --bs-navbar-padding-y: 0.5rem;
+    --bs-navbar-padding-y: 1rem;
     --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
     --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
     --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
@@ -4422,7 +4436,7 @@ textarea.form-control-lg {
     --bs-navbar-toggler-padding-y: 0.25rem;
     --bs-navbar-toggler-padding-x: 0.75rem;
     --bs-navbar-toggler-font-size: 1.25rem;
-    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28136, 136, 136, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2868, 68, 68, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
     --bs-navbar-toggler-border-radius: var(--bs-border-radius);
     --bs-navbar-toggler-focus-width: 0.25rem;
@@ -4433,6 +4447,7 @@ textarea.form-control-lg {
     align-items: center;
     justify-content: space-between;
     padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
+    background-image: var(--bs-gradient);
 }
 
     .navbar > .container,
@@ -4887,18 +4902,18 @@ textarea.form-control-lg {
 
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
-    --bs-navbar-color: rgba(255, 255, 255, 0.55);
-    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
+    --bs-navbar-color: rgba(255, 255, 255, 0.75);
+    --bs-navbar-hover-color: #fff;
     --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
     --bs-navbar-active-color: #fff;
     --bs-navbar-brand-color: #fff;
     --bs-navbar-brand-hover-color: #fff;
     --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
-    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 [data-bs-theme=dark] .navbar-toggler-icon {
-    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card {
@@ -4907,11 +4922,11 @@ textarea.form-control-lg {
     --bs-card-title-spacer-y: 0.5rem;
     --bs-card-title-color:;
     --bs-card-subtitle-color:;
-    --bs-card-border-width: var(--bs-border-width);
-    --bs-card-border-color: var(--bs-border-color-translucent);
+    --bs-card-border-width: 0;
+    --bs-card-border-color: transparent;
     --bs-card-border-radius: var(--bs-border-radius);
     --bs-card-box-shadow:;
-    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0);
     --bs-card-cap-padding-y: 0.5rem;
     --bs-card-cap-padding-x: 1rem;
     --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
@@ -5117,12 +5132,12 @@ textarea.form-control-lg {
     --bs-accordion-btn-padding-y: 1rem;
     --bs-accordion-btn-color: var(--bs-body-color);
     --bs-accordion-btn-bg: var(--bs-accordion-bg);
-    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
     --bs-accordion-btn-icon-width: 1.25rem;
     --bs-accordion-btn-icon-transform: rotate(-180deg);
     --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23304e45' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
-    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230d3c61' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
     --bs-accordion-body-padding-x: 1.25rem;
     --bs-accordion-body-padding-y: 1rem;
     --bs-accordion-active-color: var(--bs-primary-text-emphasis);
@@ -5256,19 +5271,19 @@ textarea.form-control-lg {
     }
 
 [data-bs-theme=dark] .accordion-button::after {
-    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aedace'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aedace'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237ac0f8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237ac0f8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
 .breadcrumb {
-    --bs-breadcrumb-padding-x: 0.75rem;
-    --bs-breadcrumb-padding-y: 0.375rem;
+    --bs-breadcrumb-padding-x: 0;
+    --bs-breadcrumb-padding-y: 0;
     --bs-breadcrumb-margin-bottom: 1rem;
-    --bs-breadcrumb-bg: #78c2ad;
-    --bs-breadcrumb-border-radius: 0.25rem;
-    --bs-breadcrumb-divider-color: #fff;
+    --bs-breadcrumb-bg:;
+    --bs-breadcrumb-border-radius:;
+    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
     --bs-breadcrumb-item-padding-x: 0.5rem;
-    --bs-breadcrumb-item-active-color: #fff;
+    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
     display: flex;
     flex-wrap: wrap;
     padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@@ -5298,23 +5313,23 @@ textarea.form-control-lg {
     --bs-pagination-padding-x: 0.75rem;
     --bs-pagination-padding-y: 0.375rem;
     --bs-pagination-font-size: 1rem;
-    --bs-pagination-color: #fff;
-    --bs-pagination-bg: #78c2ad;
+    --bs-pagination-color: var(--bs-link-color);
+    --bs-pagination-bg: var(--bs-body-bg);
     --bs-pagination-border-width: var(--bs-border-width);
-    --bs-pagination-border-color: #78c2ad;
+    --bs-pagination-border-color: var(--bs-border-color);
     --bs-pagination-border-radius: var(--bs-border-radius);
-    --bs-pagination-hover-color: #fff;
-    --bs-pagination-hover-bg: #f3969a;
-    --bs-pagination-hover-border-color: #f3969a;
+    --bs-pagination-hover-color: var(--bs-link-hover-color);
+    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
+    --bs-pagination-hover-border-color: var(--bs-border-color);
     --bs-pagination-focus-color: var(--bs-link-hover-color);
     --bs-pagination-focus-bg: var(--bs-secondary-bg);
-    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
     --bs-pagination-active-color: #fff;
-    --bs-pagination-active-bg: #f3969a;
-    --bs-pagination-active-border-color: #f3969a;
-    --bs-pagination-disabled-color: #fff;
-    --bs-pagination-disabled-bg: #cce8e0;
-    --bs-pagination-disabled-border-color: #cce8e0;
+    --bs-pagination-active-bg: #2196f3;
+    --bs-pagination-active-border-color: #2196f3;
+    --bs-pagination-disabled-color: var(--bs-secondary-color);
+    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
+    --bs-pagination-disabled-border-color: var(--bs-border-color);
     display: flex;
     padding-left: 0;
     list-style: none;
@@ -5357,6 +5372,7 @@ textarea.form-control-lg {
     z-index: 3;
     color: var(--bs-pagination-active-color);
     background-color: var(--bs-pagination-active-bg);
+    background-image: var(--bs-gradient);
     border-color: var(--bs-pagination-active-border-color);
 }
 
@@ -5412,6 +5428,7 @@ textarea.form-control-lg {
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: var(--bs-badge-border-radius);
+    background-image: var(--bs-gradient);
 }
 
     .badge:empty {
@@ -5521,19 +5538,19 @@ textarea.form-control-lg {
 
 @keyframes progress-bar-stripes {
     0% {
-        background-position-x: 1rem;
+        background-position-x: 0.375rem;
     }
 }
 
 .progress,
 .progress-stacked {
-    --bs-progress-height: 1rem;
+    --bs-progress-height: 0.375rem;
     --bs-progress-font-size: 0.75rem;
     --bs-progress-bg: var(--bs-secondary-bg);
-    --bs-progress-border-radius: var(--bs-border-radius);
+    --bs-progress-border-radius: 0;
     --bs-progress-box-shadow: var(--bs-box-shadow-inset);
     --bs-progress-bar-color: #fff;
-    --bs-progress-bar-bg: #78c2ad;
+    --bs-progress-bar-bg: #2196f3;
     --bs-progress-bar-transition: width 0.6s ease;
     display: flex;
     height: var(--bs-progress-height);
@@ -5600,8 +5617,8 @@ textarea.form-control-lg {
     --bs-list-group-disabled-color: var(--bs-secondary-color);
     --bs-list-group-disabled-bg: var(--bs-body-bg);
     --bs-list-group-active-color: #fff;
-    --bs-list-group-active-bg: #78c2ad;
-    --bs-list-group-active-border-color: #78c2ad;
+    --bs-list-group-active-bg: #2196f3;
+    --bs-list-group-active-border-color: #2196f3;
     display: flex;
     flex-direction: column;
     padding-left: 0;
@@ -5974,11 +5991,11 @@ textarea.form-control-lg {
 }
 
 .btn-close {
-    --bs-btn-close-color: #000;
-    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
-    --bs-btn-close-opacity: 0.5;
-    --bs-btn-close-hover-opacity: 0.75;
-    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25);
+    --bs-btn-close-color: #fff;
+    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+    --bs-btn-close-opacity: 0.6;
+    --bs-btn-close-hover-opacity: 1;
+    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
     --bs-btn-close-focus-opacity: 1;
     --bs-btn-close-disabled-opacity: 0.25;
     --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
@@ -5989,7 +6006,7 @@ textarea.form-control-lg {
     color: var(--bs-btn-close-color);
     background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
     border: 0;
-    border-radius: 0.4rem;
+    border-radius: 0.375rem;
     opacity: var(--bs-btn-close-opacity);
 }
 
@@ -6101,7 +6118,7 @@ textarea.form-control-lg {
     --bs-modal-margin: 0.5rem;
     --bs-modal-color:;
     --bs-modal-bg: var(--bs-body-bg);
-    --bs-modal-border-color: var(--bs-border-color-translucent);
+    --bs-modal-border-color: transparent;
     --bs-modal-border-width: var(--bs-border-width);
     --bs-modal-border-radius: var(--bs-border-radius-lg);
     --bs-modal-box-shadow: var(--bs-box-shadow-sm);
@@ -6431,7 +6448,7 @@ textarea.form-control-lg {
     --bs-tooltip-margin:;
     --bs-tooltip-font-size: 0.875rem;
     --bs-tooltip-color: var(--bs-body-bg);
-    --bs-tooltip-bg: var(--bs-emphasis-color);
+    --bs-tooltip-bg: #444;
     --bs-tooltip-border-radius: var(--bs-border-radius);
     --bs-tooltip-opacity: 0.9;
     --bs-tooltip-arrow-width: 0.8rem;
@@ -6545,7 +6562,7 @@ textarea.form-control-lg {
     --bs-popover-header-padding-x: 1rem;
     --bs-popover-header-padding-y: 0.5rem;
     --bs-popover-header-font-size: 1rem;
-    --bs-popover-header-color: #5a5a5a;
+    --bs-popover-header-color: inherit;
     --bs-popover-header-bg: var(--bs-secondary-bg);
     --bs-popover-body-padding-x: 1rem;
     --bs-popover-body-padding-y: 1rem;
@@ -6821,10 +6838,12 @@ textarea.form-control-lg {
 
 .carousel-control-prev {
     left: 0;
+    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001));
 }
 
 .carousel-control-next {
     right: 0;
+    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001));
 }
 
 .carousel-control-prev-icon,
@@ -7001,7 +7020,7 @@ textarea.form-control-lg {
     --bs-offcanvas-color: var(--bs-body-color);
     --bs-offcanvas-bg: var(--bs-body-bg);
     --bs-offcanvas-border-width: var(--bs-border-width);
-    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
+    --bs-offcanvas-border-color: transparent;
     --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
     --bs-offcanvas-transition: transform 0.3s ease-in-out;
     --bs-offcanvas-title-line-height: 1.5;
@@ -7614,7 +7633,7 @@ textarea.form-control-lg {
 }
 
 .text-bg-secondary {
-    color: #fff !important;
+    color: #000 !important;
     background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
@@ -7655,9 +7674,9 @@ textarea.form-control-lg {
 }
 
     .link-primary:hover, .link-primary:focus {
-        color: RGBA(96, 155, 138, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(96, 155, 138, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(96, 155, 138, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(26, 120, 194, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(26, 120, 194, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(26, 120, 194, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-secondary {
@@ -7667,9 +7686,9 @@ textarea.form-control-lg {
 }
 
     .link-secondary:hover, .link-secondary:focus {
-        color: RGBA(194, 120, 123, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(194, 120, 123, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(194, 120, 123, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-success {
@@ -7679,9 +7698,9 @@ textarea.form-control-lg {
 }
 
     .link-success:hover, .link-success:focus {
-        color: RGBA(69, 163, 126, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(69, 163, 126, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(69, 163, 126, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(61, 140, 64, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(61, 140, 64, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(61, 140, 64, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-info {
@@ -7691,9 +7710,9 @@ textarea.form-control-lg {
 }
 
     .link-info:hover, .link-info:focus {
-        color: RGBA(86, 156, 170, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(86, 156, 170, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(86, 156, 170, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(125, 31, 141, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(125, 31, 141, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(125, 31, 141, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-warning {
@@ -7703,9 +7722,9 @@ textarea.form-control-lg {
 }
 
     .link-warning:hover, .link-warning:focus {
-        color: RGBA(204, 165, 82, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(204, 165, 82, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(204, 165, 82, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(204, 122, 0, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(204, 122, 0, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(204, 122, 0, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-danger {
@@ -7715,9 +7734,9 @@ textarea.form-control-lg {
 }
 
     .link-danger:hover, .link-danger:focus {
-        color: RGBA(204, 96, 65, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(204, 96, 65, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(204, 96, 65, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(183, 22, 28, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(183, 22, 28, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(183, 22, 28, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-light {
@@ -7739,9 +7758,9 @@ textarea.form-control-lg {
 }
 
     .link-dark:hover, .link-dark:focus {
-        color: RGBA(42, 46, 51, var(--bs-link-opacity, 1)) !important;
-        -webkit-text-decoration-color: RGBA(42, 46, 51, var(--bs-link-underline-opacity, 1)) !important;
-        text-decoration-color: RGBA(42, 46, 51, var(--bs-link-underline-opacity, 1)) !important;
+        color: RGBA(27, 27, 27, var(--bs-link-opacity, 1)) !important;
+        -webkit-text-decoration-color: RGBA(27, 27, 27, var(--bs-link-underline-opacity, 1)) !important;
+        text-decoration-color: RGBA(27, 27, 27, var(--bs-link-underline-opacity, 1)) !important;
     }
 
 .link-body-emphasis {
@@ -13729,120 +13748,1220 @@ textarea.form-control-lg {
     }
 }
 
-.navbar {
-    font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+.dropdown-toggle::after,
+.dropup .dropdown-toggle::after,
+.dropstart .dropdown-toggle::after,
+.dropend .dropdown-toggle::after {
+    border-width: 4px;
 }
 
-.btn {
-    font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+.navbar {
+    border: none;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 
-    .btn, .btn:hover {
-        color: #fff;
-    }
+.navbar-brand {
+    font-size: 24px;
+}
 
-.btn-light, .btn-light:hover {
-    color: #5a5a5a;
+.navbar-nav .nav-link {
+    padding-top: 0.9rem;
+    padding-bottom: 0.9rem;
 }
 
-.btn-link, .btn-link:hover {
-    color: #78c2ad;
+.navbar.bg-dark input[type=search],
+.navbar.bg-dark input[type=text],
+.navbar.bg-dark input[type=password],
+.navbar.bg-dark input[type=email],
+.navbar.bg-dark input[type=number],
+.navbar.bg-dark input[type=tel], .navbar.bg-primary input[type=search],
+.navbar.bg-primary input[type=text],
+.navbar.bg-primary input[type=password],
+.navbar.bg-primary input[type=email],
+.navbar.bg-primary input[type=number],
+.navbar.bg-primary input[type=tel] {
+    color: #fff;
+    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
 }
 
-    .btn-link.disabled:hover {
-        color: #888;
+    .navbar.bg-dark input[type=search]:focus,
+    .navbar.bg-dark input[type=text]:focus,
+    .navbar.bg-dark input[type=password]:focus,
+    .navbar.bg-dark input[type=email]:focus,
+    .navbar.bg-dark input[type=number]:focus,
+    .navbar.bg-dark input[type=tel]:focus, .navbar.bg-primary input[type=search]:focus,
+    .navbar.bg-primary input[type=text]:focus,
+    .navbar.bg-primary input[type=password]:focus,
+    .navbar.bg-primary input[type=email]:focus,
+    .navbar.bg-primary input[type=number]:focus,
+    .navbar.bg-primary input[type=tel]:focus {
+        box-shadow: inset 0 -2px 0 #fff;
     }
 
-.btn-outline-primary {
-    color: #78c2ad;
-}
+    .navbar.bg-dark input[type=search]::-moz-placeholder, .navbar.bg-dark input[type=text]::-moz-placeholder, .navbar.bg-dark input[type=password]::-moz-placeholder, .navbar.bg-dark input[type=email]::-moz-placeholder, .navbar.bg-dark input[type=number]::-moz-placeholder, .navbar.bg-dark input[type=tel]::-moz-placeholder, .navbar.bg-primary input[type=search]::-moz-placeholder, .navbar.bg-primary input[type=text]::-moz-placeholder, .navbar.bg-primary input[type=password]::-moz-placeholder, .navbar.bg-primary input[type=email]::-moz-placeholder, .navbar.bg-primary input[type=number]::-moz-placeholder, .navbar.bg-primary input[type=tel]::-moz-placeholder {
+        color: rgba(255, 255, 255, 0.5);
+    }
 
-.btn-outline-secondary {
-    color: #f3969a;
-}
+    .navbar.bg-dark input[type=search]::placeholder,
+    .navbar.bg-dark input[type=text]::placeholder,
+    .navbar.bg-dark input[type=password]::placeholder,
+    .navbar.bg-dark input[type=email]::placeholder,
+    .navbar.bg-dark input[type=number]::placeholder,
+    .navbar.bg-dark input[type=tel]::placeholder, .navbar.bg-primary input[type=search]::placeholder,
+    .navbar.bg-primary input[type=text]::placeholder,
+    .navbar.bg-primary input[type=password]::placeholder,
+    .navbar.bg-primary input[type=email]::placeholder,
+    .navbar.bg-primary input[type=number]::placeholder,
+    .navbar.bg-primary input[type=tel]::placeholder {
+        color: rgba(255, 255, 255, 0.5);
+    }
 
-.btn-outline-success {
-    color: #56cc9d;
+.btn-primary {
+    position: relative;
 }
 
-.btn-outline-info {
-    color: #6cc3d5;
-}
+    .btn-primary:focus {
+        background-color: #2196f3;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
 
-.btn-outline-warning {
-    color: #ffce67;
-}
+    .btn-primary:hover, .btn-primary:active:hover {
+        background-color: #1d84d6;
+    }
 
-.btn-outline-danger {
-    color: #ff7851;
-}
+    .btn-primary:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
 
-.btn-outline-dark {
-    color: #343a40;
-}
+    .btn-primary::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
 
-.btn-outline-light {
-    color: #f8f9fa;
-}
+    .btn-primary:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
 
-legend {
-    font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-}
+    .btn-primary.disabled::before, .btn-primary[disabled]::before {
+        display: none;
+    }
 
-.dropdown-menu {
-    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+.btn-outline-primary {
+    position: relative;
 }
 
-.breadcrumb a {
-    color: rgba(255, 255, 255, 0.55);
-}
+    .btn-outline-primary::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
 
-    .breadcrumb a:hover {
-        color: #fff;
-        text-decoration: none;
+    .btn-outline-primary:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
     }
 
-.alert a,
-.alert .alert-link {
-    color: #fff;
-}
+    .btn-outline-primary.disabled::before, .btn-outline-primary[disabled]::before {
+        display: none;
+    }
 
-.alert-light,
-.alert-light a:not(.btn),
-.alert-light .alert-link {
-    color: #888;
+.btn-secondary {
+    position: relative;
 }
 
-.badge {
-    color: #fff;
+    .btn-secondary:focus {
+        background-color: #fff;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-secondary:hover, .btn-secondary:active:hover {
+        background-color: #e0e0e0;
+    }
+
+    .btn-secondary:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-secondary::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #bbb 10%, transparent 10.01%);
+    }
+
+    .btn-secondary:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-secondary.disabled::before, .btn-secondary[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-secondary {
+    position: relative;
 }
 
-    .badge.bg-light {
-        color: #5a5a5a;
-    }
-
-.card h1, .card .h1,
-.card h2,
-.card .h2,
-.card h3,
-.card .h3,
-.card h4,
-.card .h4,
-.card h5,
-.card .h5,
-.card h6,
-.card .h6,
-.list-group-item h1,
-.list-group-item .h1,
-.list-group-item h2,
-.list-group-item .h2,
-.list-group-item h3,
-.list-group-item .h3,
-.list-group-item h4,
-.list-group-item .h4,
-.list-group-item h5,
-.list-group-item .h5,
-.list-group-item h6,
-.list-group-item .h6 {
+    .btn-outline-secondary::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #bbb 10%, transparent 10.01%);
+    }
+
+    .btn-outline-secondary:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-secondary.disabled::before, .btn-outline-secondary[disabled]::before {
+        display: none;
+    }
+
+.btn-success {
+    position: relative;
+}
+
+    .btn-success:focus {
+        background-color: #4caf50;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-success:hover, .btn-success:active:hover {
+        background-color: #439a46;
+    }
+
+    .btn-success:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-success::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-success:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-success.disabled::before, .btn-success[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-success {
+    position: relative;
+}
+
+    .btn-outline-success::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-outline-success:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-success.disabled::before, .btn-outline-success[disabled]::before {
+        display: none;
+    }
+
+.btn-info {
+    position: relative;
+}
+
+    .btn-info:focus {
+        background-color: #9c27b0;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-info:hover, .btn-info:active:hover {
+        background-color: #89229b;
+    }
+
+    .btn-info:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-info::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-info:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-info.disabled::before, .btn-info[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-info {
+    position: relative;
+}
+
+    .btn-outline-info::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-outline-info:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-info.disabled::before, .btn-outline-info[disabled]::before {
+        display: none;
+    }
+
+.btn-warning {
+    position: relative;
+}
+
+    .btn-warning:focus {
+        background-color: #ff9800;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-warning:hover, .btn-warning:active:hover {
+        background-color: #e08600;
+    }
+
+    .btn-warning:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-warning::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-warning:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-warning.disabled::before, .btn-warning[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-warning {
+    position: relative;
+}
+
+    .btn-outline-warning::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-outline-warning:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-warning.disabled::before, .btn-outline-warning[disabled]::before {
+        display: none;
+    }
+
+.btn-danger {
+    position: relative;
+}
+
+    .btn-danger:focus {
+        background-color: #e51c23;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-danger:hover, .btn-danger:active:hover {
+        background-color: #ca191f;
+    }
+
+    .btn-danger:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-danger::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-danger:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-danger.disabled::before, .btn-danger[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-danger {
+    position: relative;
+}
+
+    .btn-outline-danger::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-outline-danger:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-danger.disabled::before, .btn-outline-danger[disabled]::before {
+        display: none;
+    }
+
+.btn-dark {
+    position: relative;
+}
+
+    .btn-dark:focus {
+        background-color: #222;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-dark:hover, .btn-dark:active:hover {
+        background-color: #1e1e1e;
+    }
+
+    .btn-dark:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-dark::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-dark:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-dark.disabled::before, .btn-dark[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-dark {
+    position: relative;
+}
+
+    .btn-outline-dark::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-outline-dark:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-dark.disabled::before, .btn-outline-dark[disabled]::before {
+        display: none;
+    }
+
+.btn-light {
+    position: relative;
+}
+
+    .btn-light:focus {
+        background-color: #f8f9fa;
+        box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    .btn-light:hover, .btn-light:active:hover {
+        background-color: #dadbdc;
+    }
+
+    .btn-light:active {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    .btn-light::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-light:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-light.disabled::before, .btn-light[disabled]::before {
+        display: none;
+    }
+
+.btn-outline-light {
+    position: relative;
+}
+
+    .btn-outline-light::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        height: 100%;
+        margin-left: 0;
+        pointer-events: none;
+        content: "";
+        background-position: 50%;
+        background-size: 1000% 1000%;
+        border: none;
+        opacity: 0;
+        transition: background 0.5s, opacity 1s;
+        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
+    }
+
+    .btn-outline-light:active::before {
+        background-size: 0 0;
+        opacity: 0.2;
+        transition: none;
+    }
+
+    .btn-outline-light.disabled::before, .btn-outline-light[disabled]::before {
+        display: none;
+    }
+
+.btn {
+    text-transform: uppercase;
+    border: none;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+    transition: color 0.4s, background-color 0.4s, border-color 0.4s, box-shadow 0.4s;
+}
+
+.btn-link {
+    color: #2196f3;
+    box-shadow: none;
+}
+
+    .btn-link:hover, .btn-link:focus {
+        color: #1a78c2;
+        box-shadow: none;
+    }
+
+    .btn-link.disabled:hover, .btn-link.disabled:active:hover, .btn-link[disabled]:hover, .btn-link[disabled]:active:hover, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:active:hover {
+        color: #666;
+        text-decoration: none;
+    }
+
+.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary {
+    color: rgba(0, 0, 0, 0.4);
+    background-color: rgba(0, 0, 0, 0.1);
+    opacity: 1;
+}
+
+    .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus {
+        background-color: rgba(0, 0, 0, 0.1);
+    }
+
+.btn-outline-secondary {
+    color: #dee2e6;
+    border-color: #eee;
+}
+
+.btn-warning {
+    color: #fff;
+}
+
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+    margin-left: 0;
+}
+
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+    margin-top: 0;
+}
+
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group > .dropdown-toggle {
+    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
+}
+
+.border-secondary {
+    border: 1px solid #dfdfdf !important;
+}
+
+body,
+input,
+button {
+    letter-spacing: 0.1px;
+}
+
+p {
+    margin: 0 0 1em;
+}
+
+.text-secondary {
+    color: #bbb !important;
+}
+
+.table-hover > tbody > tr,
+.table-hover > tbody > tr > th,
+.table-hover > tbody > tr > td {
+    transition: background-color 0.2s, color 0.2s;
+}
+
+.thead-inverse th {
+    color: #fff;
+    background-color: #2196f3;
+}
+
+.col-form-label {
+    font-size: 16px;
+}
+
+.col-form-label-sm {
+    font-size: 0.875rem;
+}
+
+.col-form-label-lg {
+    font-size: 1.25rem;
+}
+
+textarea,
+textarea.form-control,
+input.form-control,
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=number],
+[type=text].form-control,
+[type=password].form-control,
+[type=email].form-control,
+[type=tel].form-control,
+[contenteditable].form-control {
+    box-shadow: inset 0 -1px 0 #ddd;
+    transition: box-shadow 0.2s;
+}
+
+    textarea:focus,
+    textarea.form-control:focus,
+    input.form-control:focus,
+    input[type=text]:focus,
+    input[type=password]:focus,
+    input[type=email]:focus,
+    input[type=number]:focus,
+    [type=text].form-control:focus,
+    [type=password].form-control:focus,
+    [type=email].form-control:focus,
+    [type=tel].form-control:focus,
+    [contenteditable].form-control:focus {
+        box-shadow: inset 0 -2px 0 #2196f3;
+    }
+
+    textarea[disabled], textarea[readonly],
+    textarea.form-control[disabled],
+    textarea.form-control[readonly],
+    input.form-control[disabled],
+    input.form-control[readonly],
+    input[type=text][disabled],
+    input[type=text][readonly],
+    input[type=password][disabled],
+    input[type=password][readonly],
+    input[type=email][disabled],
+    input[type=email][readonly],
+    input[type=number][disabled],
+    input[type=number][readonly],
+    [type=text].form-control[disabled],
+    [type=text].form-control[readonly],
+    [type=password].form-control[disabled],
+    [type=password].form-control[readonly],
+    [type=email].form-control[disabled],
+    [type=email].form-control[readonly],
+    [type=tel].form-control[disabled],
+    [type=tel].form-control[readonly],
+    [contenteditable].form-control[disabled],
+    [contenteditable].form-control[readonly] {
+        border-bottom: 1px dotted #ddd;
+        box-shadow: none;
+    }
+
+        textarea[disabled]::-moz-placeholder, textarea.form-control[disabled]::-moz-placeholder, input.form-control[disabled]::-moz-placeholder, input[type=text][disabled]::-moz-placeholder, input[type=password][disabled]::-moz-placeholder, input[type=email][disabled]::-moz-placeholder, input[type=number][disabled]::-moz-placeholder, [type=text].form-control[disabled]::-moz-placeholder, [type=password].form-control[disabled]::-moz-placeholder, [type=email].form-control[disabled]::-moz-placeholder, [type=tel].form-control[disabled]::-moz-placeholder, [contenteditable].form-control[disabled]::-moz-placeholder {
+            color: #ddd;
+        }
+
+        textarea[disabled], textarea[disabled]::placeholder,
+        textarea.form-control[disabled],
+        textarea.form-control[disabled]::placeholder,
+        input.form-control[disabled],
+        input.form-control[disabled]::placeholder,
+        input[type=text][disabled],
+        input[type=text][disabled]::placeholder,
+        input[type=password][disabled],
+        input[type=password][disabled]::placeholder,
+        input[type=email][disabled],
+        input[type=email][disabled]::placeholder,
+        input[type=number][disabled],
+        input[type=number][disabled]::placeholder,
+        [type=text].form-control[disabled],
+        [type=text].form-control[disabled]::placeholder,
+        [type=password].form-control[disabled],
+        [type=password].form-control[disabled]::placeholder,
+        [type=email].form-control[disabled],
+        [type=email].form-control[disabled]::placeholder,
+        [type=tel].form-control[disabled],
+        [type=tel].form-control[disabled]::placeholder,
+        [contenteditable].form-control[disabled],
+        [contenteditable].form-control[disabled]::placeholder {
+            color: #ddd;
+        }
+
+select,
+select.form-control {
+    padding: 0.5rem 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4'%3e%3cpath fill='%23666' d='M8 0 4 4 0 0z'/%3e%3c/svg%3e");
+    background-repeat: no-repeat;
+    background-position: right center;
+    background-size: 8px 4px;
+    box-shadow: inset 0 -1px 0 #ddd;
+}
+
+    select.input-sm,
+    select.form-control.input-sm {
+        font-size: 0.875rem;
+    }
+
+    select.input-lg,
+    select.form-control.input-lg {
+        font-size: 1.25rem;
+    }
+
+    select:focus,
+    select.form-control:focus {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4'%3e%3cpath fill='%23212121' d='M8 0 4 4 0 0z'/%3e%3c/svg%3e");
+        box-shadow: inset 0 -2px 0 #2196f3;
+    }
+
+    select[multiple],
+    select.form-control[multiple] {
+        background: none;
+    }
+
+.form-check-input {
+    width: 1.25em;
+    height: 1.25em;
+    margin-top: 1px;
+    border: 2px solid #ced4da;
+}
+
+    .form-check-input:checked[type=radio] {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%232196f3' stroke='%23fff'/%3e%3c/svg%3e"), var(--bs-gradient);
+        background-size: 1.8em;
+    }
+
+.form-switch .form-check-input {
+    position: relative;
+    height: 0.8em;
+    margin-top: 0.29em;
+    background-color: #ced4da;
+    background-image: none;
+    border: none;
+}
+
+    .form-switch .form-check-input:focus {
+        box-shadow: none;
+    }
+
+    .form-switch .form-check-input::before {
+        position: absolute;
+        top: -0.2em;
+        left: -0.2em;
+        width: 1.2em;
+        height: 1.2em;
+        content: "";
+        background-color: #fff;
+        border-radius: 50%;
+        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+        transition: left 0.15s ease-in-out;
+    }
+
+    .form-switch .form-check-input::after {
+        position: absolute;
+        top: -0.2em;
+        left: -0.2em;
+        z-index: -1;
+        width: 1.2em;
+        height: 1.2em;
+        content: "";
+        border-radius: 50%;
+        box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.05);
+        transition: left 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+        transform: scale(0);
+    }
+
+    .form-switch .form-check-input:hover:not(.disabled)::after, .form-switch .form-check-input:focus:not(.disabled)::after {
+        transform: scale(0.9);
+    }
+
+    .form-switch .form-check-input:focus:not(.disabled)::after {
+        box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.1);
+    }
+
+    .form-switch .form-check-input:checked {
+        background-color: rgba(33, 150, 243, 0.3);
+    }
+
+        .form-switch .form-check-input:checked::before {
+            left: calc(100% - 0.8em);
+            background-color: rgb(33, 150, 243);
+        }
+
+        .form-switch .form-check-input:checked::after {
+            left: calc(100% - 0.8em);
+            box-shadow: 0 0 0 9px rgba(33, 150, 243, 0.1);
+        }
+
+        .form-switch .form-check-input:checked:hover:not(.disabled)::after, .form-switch .form-check-input:checked:focus:not(.disabled)::after {
+            transform: scale(0.9);
+        }
+
+        .form-switch .form-check-input:checked:focus:not(.disabled)::after {
+            box-shadow: 0 0 0 9px rgba(33, 150, 243, 0.2);
+        }
+
+.form-check:not(.form-switch) .form-check-input:checked[type=checkbox] {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"), var(--bs-gradient);
+    background-size: 1.6em;
+}
+
+.has-warning input:not([type=checkbox]),
+.has-warning .form-control,
+.has-warning input.form-control[readonly],
+.has-warning input[type=text][readonly],
+.has-warning [type=text].form-control[readonly],
+.has-warning input:not([type=checkbox]):focus,
+.has-warning .form-control:focus {
+    border-bottom: none;
+    box-shadow: inset 0 -2px 0 #ff9800;
+}
+
+.has-danger input:not([type=checkbox]),
+.has-danger .form-control,
+.has-danger input.form-control[readonly],
+.has-danger input[type=text][readonly],
+.has-danger [type=text].form-control[readonly],
+.has-danger input:not([type=checkbox]):focus,
+.has-danger .form-control:focus {
+    border-bottom: none;
+    box-shadow: inset 0 -2px 0 #e51c23;
+}
+
+.has-success input:not([type=checkbox]),
+.has-success .form-control,
+.has-success input.form-control[readonly],
+.has-success input[type=text][readonly],
+.has-success [type=text].form-control[readonly],
+.has-success input:not([type=checkbox]):focus,
+.has-success .form-control:focus {
+    border-bottom: none;
+    box-shadow: inset 0 -2px 0 #4caf50;
+}
+
+.has-warning .input-group-addon, .has-danger .input-group-addon, .has-success .input-group-addon {
+    color: #666;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.form-group-lg select,
+.form-group-lg select.form-control {
+    line-height: 1.5;
+}
+
+.nav-tabs .nav-item + .nav-item {
+    margin-left: 0;
+}
+
+.nav-tabs .nav-link,
+.nav-tabs .nav-link:focus {
+    margin-right: 0;
+    color: #444;
+    background-color: transparent;
+    border: none;
+    box-shadow: inset 0 -1px 0 #ddd;
+    transition: color 0.2s, box-shadow 0.2s;
+}
+
+    .nav-tabs .nav-link:hover,
+    .nav-tabs .nav-link:focus:hover {
+        color: #2196f3;
+        background-color: transparent;
+        box-shadow: inset 0 -2px 0 #2196f3;
+    }
+
+    .nav-tabs .nav-link.active,
+    .nav-tabs .nav-link.active:focus {
+        color: #2196f3;
+        border: none;
+        box-shadow: inset 0 -2px 0 #2196f3;
+    }
+
+        .nav-tabs .nav-link.active:hover,
+        .nav-tabs .nav-link.active:focus:hover {
+            color: #2196f3;
+            border: none;
+        }
+
+    .nav-tabs .nav-link.disabled {
+        box-shadow: inset 0 -1px 0 #ddd;
+    }
+
+.nav-tabs.nav-justified .nav-link,
+.nav-tabs.nav-justified .nav-link:hover,
+.nav-tabs.nav-justified .nav-link:focus,
+.nav-tabs.nav-justified .nav-link.active,
+.nav-tabs.nav-justified .nav-link.active:hover,
+.nav-tabs.nav-justified .nav-link.active:focus {
+    border: none;
+}
+
+.nav-tabs .dropdown-menu {
+    margin-top: 0;
+}
+
+.dropdown-menu {
+    margin-top: 0;
+    border: none;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+
+.alert {
+    padding-right: 2.5rem;
+    border: none;
+}
+
+    .alert,
+    .alert h1,
+    .alert .h1,
+    .alert h2,
+    .alert .h2,
+    .alert h3,
+    .alert .h3,
+    .alert h4,
+    .alert .h4,
+    .alert h5,
+    .alert .h5,
+    .alert h6,
+    .alert .h6 {
+        color: #fff;
+    }
+
+.alert-primary {
+    background: #2196f3 linear-gradient(180deg, #42a6f5, #2196f3) repeat-x;
+}
+
+.alert-secondary {
+    background: #fff linear-gradient(180deg, white, #fff) repeat-x;
+}
+
+.alert-success {
+    background: #4caf50 linear-gradient(180deg, #67bb6a, #4caf50) repeat-x;
+}
+
+.alert-info {
+    background: #9c27b0 linear-gradient(180deg, #ab47bc, #9c27b0) repeat-x;
+}
+
+.alert-warning {
+    background: #ff9800 linear-gradient(180deg, #ffa726, #ff9800) repeat-x;
+}
+
+.alert-danger {
+    background: #e51c23 linear-gradient(180deg, #e93e44, #e51c23) repeat-x;
+}
+
+.alert-light {
+    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x;
+}
+
+.alert-dark {
+    background: #222 linear-gradient(180deg, #434343, #222) repeat-x;
+}
+
+.alert a:not(.btn),
+.alert .alert-link {
+    font-weight: 700;
+    color: #fff;
+}
+
+.alert-secondary,
+.alert-secondary a:not(.btn),
+.alert-secondary .alert-link, .alert-light,
+.alert-light a:not(.btn),
+.alert-light .alert-link {
+    color: #444;
+}
+
+.badge.bg-secondary, .badge.bg-light {
+    color: #222;
+}
+
+.card {
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+}
+
+    .card.border-primary, .card.border-secondary, .card.border-success, .card.border-info, .card.border-warning, .card.border-danger, .card.border-light, .card.border-dark {
+        border-width: 1px;
+    }
+
+.list-group-item-action.active h1, .list-group-item-action.active .h1,
+.list-group-item-action.active h2,
+.list-group-item-action.active .h2,
+.list-group-item-action.active h3,
+.list-group-item-action.active .h3,
+.list-group-item-action.active h4,
+.list-group-item-action.active .h4,
+.list-group-item-action.active h5,
+.list-group-item-action.active .h5,
+.list-group-item-action.active h6,
+.list-group-item-action.active .h6 {
+    color: #fff;
+}
+
+.modal-content {
+    border-radius: 0.2rem;
+    box-shadow: 0 6px 36px rgba(0, 0, 0, 0.3);
+}
+
+.modal .btn-close,
+.toast .btn-close,
+.offcanvas .btn-close {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+}
+
+.popover {
+    border: none;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+
+.carousel-caption h1, .carousel-caption .h1,
+.carousel-caption h2,
+.carousel-caption .h2,
+.carousel-caption h3,
+.carousel-caption .h3,
+.carousel-caption h4,
+.carousel-caption .h4,
+.carousel-caption h5,
+.carousel-caption .h5,
+.carousel-caption h6,
+.carousel-caption .h6 {
     color: inherit;
 }