From f7a16fd287ce29bb3598518952af742271a55586 Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Wed, 18 Oct 2023 21:09:14 +0200
Subject: [PATCH] Implemented basic store and store admin system. Added alerts.
 Added db models for store

---
 .../.idea/efCoreCommonOptions.xml             |    6 +
 Moonlight/App/Configuration/ConfigV1.cs       |    9 +
 Moonlight/App/Database/DataContext.cs         |   13 +
 .../App/Database/Entities/Store/Category.cs   |    9 +
 .../App/Database/Entities/Store/Coupon.cs     |    9 +
 .../App/Database/Entities/Store/CouponUse.cs  |    7 +
 .../App/Database/Entities/Store/GiftCode.cs   |    9 +
 .../Database/Entities/Store/GiftCodeUse.cs    |    7 +
 .../App/Database/Entities/Store/Product.cs    |   23 +
 .../App/Database/Entities/Store/Service.cs    |   18 +
 .../Database/Entities/Store/ServiceShare.cs   |    7 +
 Moonlight/App/Database/Entities/User.cs       |    2 +
 Moonlight/App/Database/Enums/ProductType.cs   |    9 +
 .../20231017075519_AddStoreModels.Designer.cs |  341 +++++
 .../20231017075519_AddStoreModels.cs          |  245 ++++
 .../Migrations/DataContextModelSnapshot.cs    |  274 ++++
 Moonlight/App/Helpers/Formatter.cs            |    2 +-
 Moonlight/App/Models/Enums/Permission.cs      |    1 +
 .../App/Models/Forms/Store/AddCategoryForm.cs |   15 +
 .../App/Models/Forms/Store/AddProductForm.cs  |   36 +
 .../Models/Forms/Store/EditCategoryForm.cs    |   15 +
 .../App/Models/Forms/Store/EditProductForm.cs |   36 +
 .../App/Services/Interop/AlertService.cs      |   50 +
 .../App/Services/Interop/ModalService.cs      |   37 +
 .../App/Services/Store/StoreAdminService.cs   |   99 ++
 Moonlight/App/Services/Store/StoreService.cs  |   13 +
 Moonlight/Moonlight.csproj                    |    1 +
 Moonlight/Pages/_Host.cshtml                  |    3 +
 Moonlight/Program.cs                          |    7 +
 .../Components/Forms/SmartEnumSelect.razor    |   27 +
 .../Shared/Components/Forms/SmartSelect.razor |   71 ++
 .../Components/Partials/SmartModal.razor      |   35 +
 .../Shared/Components/Store/StoreModals.razor |  316 +++++
 Moonlight/Shared/Views/Store/Index.razor      |  263 ++++
 Moonlight/wwwroot/css/sweetalert2dark.css     | 1126 +++++++++++++++++
 Moonlight/wwwroot/css/utils.css               |   21 +
 Moonlight/wwwroot/js/moonlight.js             |   84 ++
 Moonlight/wwwroot/js/sweetalert2.js           |    6 +
 Moonlight/wwwroot/svg/shopping.svg            |    1 +
 39 files changed, 3252 insertions(+), 1 deletion(-)
 create mode 100644 Moonlight/App/Database/Entities/Store/Category.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/Coupon.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/CouponUse.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/GiftCode.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/GiftCodeUse.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/Product.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/Service.cs
 create mode 100644 Moonlight/App/Database/Entities/Store/ServiceShare.cs
 create mode 100644 Moonlight/App/Database/Enums/ProductType.cs
 create mode 100644 Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.Designer.cs
 create mode 100644 Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.cs
 create mode 100644 Moonlight/App/Models/Forms/Store/AddCategoryForm.cs
 create mode 100644 Moonlight/App/Models/Forms/Store/AddProductForm.cs
 create mode 100644 Moonlight/App/Models/Forms/Store/EditCategoryForm.cs
 create mode 100644 Moonlight/App/Models/Forms/Store/EditProductForm.cs
 create mode 100644 Moonlight/App/Services/Interop/AlertService.cs
 create mode 100644 Moonlight/App/Services/Interop/ModalService.cs
 create mode 100644 Moonlight/App/Services/Store/StoreAdminService.cs
 create mode 100644 Moonlight/App/Services/Store/StoreService.cs
 create mode 100644 Moonlight/Shared/Components/Forms/SmartEnumSelect.razor
 create mode 100644 Moonlight/Shared/Components/Forms/SmartSelect.razor
 create mode 100644 Moonlight/Shared/Components/Partials/SmartModal.razor
 create mode 100644 Moonlight/Shared/Components/Store/StoreModals.razor
 create mode 100644 Moonlight/Shared/Views/Store/Index.razor
 create mode 100644 Moonlight/wwwroot/css/sweetalert2dark.css
 create mode 100644 Moonlight/wwwroot/css/utils.css
 create mode 100644 Moonlight/wwwroot/js/sweetalert2.js
 create mode 100644 Moonlight/wwwroot/svg/shopping.svg

diff --git a/.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml b/.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml
index 9e91701..c001b75 100644
--- a/.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml
+++ b/.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml
@@ -6,6 +6,12 @@
         <entry key="691e5ec2-4b4f-4bd1-9cbc-7d3c6efc12da" value="691e5ec2-4b4f-4bd1-9cbc-7d3c6efc12da" />
       </map>
     </option>
+    <option name="solutionLevelOptions">
+      <map>
+        <entry key="migrationsProject" value="691e5ec2-4b4f-4bd1-9cbc-7d3c6efc12da" />
+        <entry key="startupProject" value="691e5ec2-4b4f-4bd1-9cbc-7d3c6efc12da" />
+      </map>
+    </option>
     <option name="startupToMigrationsProjects">
       <map>
         <entry key="691e5ec2-4b4f-4bd1-9cbc-7d3c6efc12da" value="691e5ec2-4b4f-4bd1-9cbc-7d3c6efc12da" />
diff --git a/Moonlight/App/Configuration/ConfigV1.cs b/Moonlight/App/Configuration/ConfigV1.cs
index 642ef10..aecc2ce 100644
--- a/Moonlight/App/Configuration/ConfigV1.cs
+++ b/Moonlight/App/Configuration/ConfigV1.cs
@@ -13,6 +13,15 @@ public class ConfigV1
     [JsonProperty("Security")] public SecurityData Security { get; set; } = new();
     [JsonProperty("Database")] public DatabaseData Database { get; set; } = new();
     [JsonProperty("MailServer")] public MailServerData MailServer { get; set; } = new();
+
+    [JsonProperty("Store")] public StoreData Store { get; set; } = new();
+
+    public class StoreData
+    {
+        [JsonProperty("Currency")]
+        [Description("A string value representing the currency which will be shown to a user")]
+        public string Currency { get; set; } = "€";
+    }
     
     public class SecurityData
     {
diff --git a/Moonlight/App/Database/DataContext.cs b/Moonlight/App/Database/DataContext.cs
index 81c5117..34a9d61 100644
--- a/Moonlight/App/Database/DataContext.cs
+++ b/Moonlight/App/Database/DataContext.cs
@@ -1,5 +1,6 @@
 using Microsoft.EntityFrameworkCore;
 using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
 using Moonlight.App.Database.Entities.Tickets;
 using Moonlight.App.Services;
 
@@ -12,6 +13,18 @@ public class DataContext : DbContext
     public DbSet<User> Users { get; set; }
     //public DbSet<Ticket> Tickets { get; set; }
     //public DbSet<TicketMessage> TicketMessages { get; set; }
+    
+    // Store
+    public DbSet<Category> Categories { get; set; }
+    public DbSet<Product> Products { get; set; }
+    public DbSet<Service> Services { get; set; }
+    public DbSet<ServiceShare> ServiceShares { get; set; }
+    
+    public DbSet<GiftCode> GiftCodes { get; set; }
+    public DbSet<GiftCodeUse> GiftCodeUses { get; set; }
+    
+    public DbSet<Coupon> Coupons { get; set; }
+    public DbSet<CouponUse> CouponUses { get; set; }
 
     public DataContext(ConfigService configService)
     {
diff --git a/Moonlight/App/Database/Entities/Store/Category.cs b/Moonlight/App/Database/Entities/Store/Category.cs
new file mode 100644
index 0000000..da73690
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/Category.cs
@@ -0,0 +1,9 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class Category
+{
+    public int Id { get; set; }
+    public string Name { get; set; } = "";
+    public string Description { get; set; } = "";
+    public string Slug { get; set; } = "";
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/Coupon.cs b/Moonlight/App/Database/Entities/Store/Coupon.cs
new file mode 100644
index 0000000..f510716
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/Coupon.cs
@@ -0,0 +1,9 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class Coupon
+{
+    public int Id { get; set; }
+    public string Code { get; set; } = "";
+    public int Percent { get; set; }
+    public int Amount { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/CouponUse.cs b/Moonlight/App/Database/Entities/Store/CouponUse.cs
new file mode 100644
index 0000000..d9ae6e5
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/CouponUse.cs
@@ -0,0 +1,7 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class CouponUse
+{
+    public int Id { get; set; }
+    public Coupon Coupon { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/GiftCode.cs b/Moonlight/App/Database/Entities/Store/GiftCode.cs
new file mode 100644
index 0000000..d422f64
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/GiftCode.cs
@@ -0,0 +1,9 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class GiftCode
+{
+    public int Id { get; set; }
+    public string Code { get; set; } = "";
+    public double Value { get; set; }
+    public int Amount { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/GiftCodeUse.cs b/Moonlight/App/Database/Entities/Store/GiftCodeUse.cs
new file mode 100644
index 0000000..950ba4d
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/GiftCodeUse.cs
@@ -0,0 +1,7 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class GiftCodeUse
+{
+    public int Id { get; set; }
+    public GiftCode GiftCode { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/Product.cs b/Moonlight/App/Database/Entities/Store/Product.cs
new file mode 100644
index 0000000..75e3c4f
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/Product.cs
@@ -0,0 +1,23 @@
+using Moonlight.App.Database.Enums;
+
+namespace Moonlight.App.Database.Entities.Store;
+
+public class Product
+{
+    public int Id { get; set; }
+    public Category Category { get; set; }
+
+    public string Name { get; set; } = "";
+    public string Description { get; set; } = "";
+    public string Slug { get; set; } = "";
+    
+    public double Price { get; set; }
+    public int Stock { get; set; }
+    public int MaxPerUser { get; set; }
+    public int Duration { get; set; }
+    
+    public ProductType Type { get; set; }
+    public string ConfigJson { get; set; } = "{}";
+    
+    public DateTime CreatedAt { get; set; } = DateTime.UtcNow;
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/Service.cs b/Moonlight/App/Database/Entities/Store/Service.cs
new file mode 100644
index 0000000..8f65996
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/Service.cs
@@ -0,0 +1,18 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class Service
+{
+    public int Id { get; set; }
+    public string? Nickname { get; set; }
+
+    public bool Suspended { get; set; } = false;
+    
+    public Product Product { get; set; }
+    public string? ConfigJsonOverride { get; set; }
+    
+    public User Owner { get; set; }
+    public List<ServiceShare> Shares { get; set; } = new();
+    
+    public DateTime CreatedAt { get; set; } = DateTime.UtcNow;
+    public DateTime RenewAt { get; set; } = DateTime.UtcNow;
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/Store/ServiceShare.cs b/Moonlight/App/Database/Entities/Store/ServiceShare.cs
new file mode 100644
index 0000000..4cbcca2
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/ServiceShare.cs
@@ -0,0 +1,7 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class ServiceShare
+{
+    public int Id { get; set; }
+    public User User { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Entities/User.cs b/Moonlight/App/Database/Entities/User.cs
index ef43c13..bd75711 100644
--- a/Moonlight/App/Database/Entities/User.cs
+++ b/Moonlight/App/Database/Entities/User.cs
@@ -9,6 +9,8 @@ public class User
     public string? Avatar { get; set; } = null;
     public string? TotpKey { get; set; } = null;
     
+    // Store
+    
     // Meta data
     public string Flags { get; set; } = "";
     public int Permissions { get; set; } = 0;
diff --git a/Moonlight/App/Database/Enums/ProductType.cs b/Moonlight/App/Database/Enums/ProductType.cs
new file mode 100644
index 0000000..d7ff0d9
--- /dev/null
+++ b/Moonlight/App/Database/Enums/ProductType.cs
@@ -0,0 +1,9 @@
+namespace Moonlight.App.Database.Enums;
+
+public enum ProductType
+{
+    Server,
+    Webspace,
+    Database,
+    Domain
+}
\ No newline at end of file
diff --git a/Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.Designer.cs b/Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.Designer.cs
new file mode 100644
index 0000000..cd17712
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.Designer.cs
@@ -0,0 +1,341 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Moonlight.App.Database;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    [DbContext(typeof(DataContext))]
+    [Migration("20231017075519_AddStoreModels")]
+    partial class AddStoreModels
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder.HasAnnotation("ProductVersion", "7.0.2");
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Category", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Slug")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Categories");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Coupon", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Amount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Code")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Percent")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Coupons");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.CouponUse", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("CouponId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CouponId");
+
+                    b.ToTable("CouponUses");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.GiftCode", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Amount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Code")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<double>("Value")
+                        .HasColumnType("REAL");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("GiftCodes");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.GiftCodeUse", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("GiftCodeId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("GiftCodeId");
+
+                    b.ToTable("GiftCodeUses");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int?>("CategoryId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ConfigJson")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Duration")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("MaxPerUser")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<double>("Price")
+                        .HasColumnType("REAL");
+
+                    b.Property<string>("Slug")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Stock")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CategoryId");
+
+                    b.ToTable("Products");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ConfigJsonOverride")
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Nickname")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("ProductId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("RenewAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<bool>("Suspended")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("OwnerId");
+
+                    b.HasIndex("ProductId");
+
+                    b.ToTable("Services");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.ServiceShare", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int?>("ServiceId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServiceId");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("ServiceShares");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Avatar")
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Flags")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Password")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Permissions")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("TokenValidTimestamp")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("TotpKey")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Username")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Users");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.CouponUse", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Coupon", "Coupon")
+                        .WithMany()
+                        .HasForeignKey("CouponId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Coupon");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.GiftCodeUse", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.GiftCode", "GiftCode")
+                        .WithMany()
+                        .HasForeignKey("GiftCodeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("GiftCode");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Category", "Category")
+                        .WithMany()
+                        .HasForeignKey("CategoryId");
+
+                    b.Navigation("Category");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Product", "Product")
+                        .WithMany()
+                        .HasForeignKey("ProductId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Owner");
+
+                    b.Navigation("Product");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.ServiceShare", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Service", null)
+                        .WithMany("Shares")
+                        .HasForeignKey("ServiceId");
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.Navigation("Shares");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.cs b/Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.cs
new file mode 100644
index 0000000..41b821e
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20231017075519_AddStoreModels.cs
@@ -0,0 +1,245 @@
+using System;
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddStoreModels : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.CreateTable(
+                name: "Categories",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    Name = table.Column<string>(type: "TEXT", nullable: false),
+                    Description = table.Column<string>(type: "TEXT", nullable: false),
+                    Slug = table.Column<string>(type: "TEXT", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Categories", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "Coupons",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    Code = table.Column<string>(type: "TEXT", nullable: false),
+                    Percent = table.Column<int>(type: "INTEGER", nullable: false),
+                    Amount = table.Column<int>(type: "INTEGER", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Coupons", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "GiftCodes",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    Code = table.Column<string>(type: "TEXT", nullable: false),
+                    Value = table.Column<double>(type: "REAL", nullable: false),
+                    Amount = table.Column<int>(type: "INTEGER", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_GiftCodes", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "Products",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    CategoryId = table.Column<int>(type: "INTEGER", nullable: true),
+                    Name = table.Column<string>(type: "TEXT", nullable: false),
+                    Description = table.Column<string>(type: "TEXT", nullable: false),
+                    Slug = table.Column<string>(type: "TEXT", nullable: false),
+                    Price = table.Column<double>(type: "REAL", nullable: false),
+                    Stock = table.Column<int>(type: "INTEGER", nullable: false),
+                    MaxPerUser = table.Column<int>(type: "INTEGER", nullable: false),
+                    Duration = table.Column<int>(type: "INTEGER", nullable: false),
+                    Type = table.Column<int>(type: "INTEGER", nullable: false),
+                    ConfigJson = table.Column<string>(type: "TEXT", nullable: false),
+                    CreatedAt = table.Column<DateTime>(type: "TEXT", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Products", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Products_Categories_CategoryId",
+                        column: x => x.CategoryId,
+                        principalTable: "Categories",
+                        principalColumn: "Id");
+                });
+
+            migrationBuilder.CreateTable(
+                name: "CouponUses",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    CouponId = table.Column<int>(type: "INTEGER", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_CouponUses", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_CouponUses_Coupons_CouponId",
+                        column: x => x.CouponId,
+                        principalTable: "Coupons",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "GiftCodeUses",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    GiftCodeId = table.Column<int>(type: "INTEGER", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_GiftCodeUses", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_GiftCodeUses_GiftCodes_GiftCodeId",
+                        column: x => x.GiftCodeId,
+                        principalTable: "GiftCodes",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "Services",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    Nickname = table.Column<string>(type: "TEXT", nullable: true),
+                    Suspended = table.Column<bool>(type: "INTEGER", nullable: false),
+                    ProductId = table.Column<int>(type: "INTEGER", nullable: false),
+                    ConfigJsonOverride = table.Column<string>(type: "TEXT", nullable: true),
+                    OwnerId = table.Column<int>(type: "INTEGER", nullable: false),
+                    CreatedAt = table.Column<DateTime>(type: "TEXT", nullable: false),
+                    RenewAt = table.Column<DateTime>(type: "TEXT", nullable: false)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Services", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Services_Products_ProductId",
+                        column: x => x.ProductId,
+                        principalTable: "Products",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                    table.ForeignKey(
+                        name: "FK_Services_Users_OwnerId",
+                        column: x => x.OwnerId,
+                        principalTable: "Users",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "ServiceShares",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    UserId = table.Column<int>(type: "INTEGER", nullable: false),
+                    ServiceId = table.Column<int>(type: "INTEGER", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_ServiceShares", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_ServiceShares_Services_ServiceId",
+                        column: x => x.ServiceId,
+                        principalTable: "Services",
+                        principalColumn: "Id");
+                    table.ForeignKey(
+                        name: "FK_ServiceShares_Users_UserId",
+                        column: x => x.UserId,
+                        principalTable: "Users",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateIndex(
+                name: "IX_CouponUses_CouponId",
+                table: "CouponUses",
+                column: "CouponId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_GiftCodeUses_GiftCodeId",
+                table: "GiftCodeUses",
+                column: "GiftCodeId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Products_CategoryId",
+                table: "Products",
+                column: "CategoryId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Services_OwnerId",
+                table: "Services",
+                column: "OwnerId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Services_ProductId",
+                table: "Services",
+                column: "ProductId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_ServiceShares_ServiceId",
+                table: "ServiceShares",
+                column: "ServiceId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_ServiceShares_UserId",
+                table: "ServiceShares",
+                column: "UserId");
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropTable(
+                name: "CouponUses");
+
+            migrationBuilder.DropTable(
+                name: "GiftCodeUses");
+
+            migrationBuilder.DropTable(
+                name: "ServiceShares");
+
+            migrationBuilder.DropTable(
+                name: "Coupons");
+
+            migrationBuilder.DropTable(
+                name: "GiftCodes");
+
+            migrationBuilder.DropTable(
+                name: "Services");
+
+            migrationBuilder.DropTable(
+                name: "Products");
+
+            migrationBuilder.DropTable(
+                name: "Categories");
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs b/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
index d6b1eed..8d3a9e0 100644
--- a/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
+++ b/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
@@ -17,6 +17,210 @@ namespace Moonlight.App.Database.Migrations
 #pragma warning disable 612, 618
             modelBuilder.HasAnnotation("ProductVersion", "7.0.2");
 
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Category", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Slug")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Categories");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Coupon", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Amount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Code")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Percent")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Coupons");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.CouponUse", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("CouponId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CouponId");
+
+                    b.ToTable("CouponUses");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.GiftCode", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Amount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Code")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<double>("Value")
+                        .HasColumnType("REAL");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("GiftCodes");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.GiftCodeUse", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("GiftCodeId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("GiftCodeId");
+
+                    b.ToTable("GiftCodeUses");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int?>("CategoryId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ConfigJson")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Description")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Duration")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("MaxPerUser")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<double>("Price")
+                        .HasColumnType("REAL");
+
+                    b.Property<string>("Slug")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("Stock")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("Type")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CategoryId");
+
+                    b.ToTable("Products");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ConfigJsonOverride")
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Nickname")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("OwnerId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("ProductId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("RenewAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<bool>("Suspended")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("OwnerId");
+
+                    b.HasIndex("ProductId");
+
+                    b.ToTable("Services");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.ServiceShare", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int?>("ServiceId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ServiceId");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("ServiceShares");
+                });
+
             modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
                 {
                     b.Property<int>("Id")
@@ -58,6 +262,76 @@ namespace Moonlight.App.Database.Migrations
 
                     b.ToTable("Users");
                 });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.CouponUse", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Coupon", "Coupon")
+                        .WithMany()
+                        .HasForeignKey("CouponId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Coupon");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.GiftCodeUse", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.GiftCode", "GiftCode")
+                        .WithMany()
+                        .HasForeignKey("GiftCodeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("GiftCode");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Category", "Category")
+                        .WithMany()
+                        .HasForeignKey("CategoryId");
+
+                    b.Navigation("Category");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", "Owner")
+                        .WithMany()
+                        .HasForeignKey("OwnerId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Product", "Product")
+                        .WithMany()
+                        .HasForeignKey("ProductId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Owner");
+
+                    b.Navigation("Product");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.ServiceShare", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Service", null)
+                        .WithMany("Shares")
+                        .HasForeignKey("ServiceId");
+
+                    b.HasOne("Moonlight.App.Database.Entities.User", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.Navigation("Shares");
+                });
 #pragma warning restore 612, 618
         }
     }
diff --git a/Moonlight/App/Helpers/Formatter.cs b/Moonlight/App/Helpers/Formatter.cs
index 3b9c841..2c4dc70 100644
--- a/Moonlight/App/Helpers/Formatter.cs
+++ b/Moonlight/App/Helpers/Formatter.cs
@@ -213,7 +213,7 @@ public static class Formatter
         return builder =>
         {
             int i = 0;
-            var arr = content.Split("\n", StringSplitOptions.RemoveEmptyEntries | StringSplitOptions.TrimEntries);
+            var arr = content.Split("\n");
 
             foreach (var line in arr)
             {
diff --git a/Moonlight/App/Models/Enums/Permission.cs b/Moonlight/App/Models/Enums/Permission.cs
index 4b2e8ca..3bb7e62 100644
--- a/Moonlight/App/Models/Enums/Permission.cs
+++ b/Moonlight/App/Models/Enums/Permission.cs
@@ -9,6 +9,7 @@ public enum Permission
     AdminSessions = 1002,
     AdminUsersEdit = 1003,
     AdminTickets = 1004,
+    AdminStore = 1900,
     AdminViewExceptions = 1999,
     AdminRoot = 2000
 }
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Store/AddCategoryForm.cs b/Moonlight/App/Models/Forms/Store/AddCategoryForm.cs
new file mode 100644
index 0000000..65a3d05
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Store/AddCategoryForm.cs
@@ -0,0 +1,15 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Store;
+
+public class AddCategoryForm
+{
+    [Required(ErrorMessage = "You need to specify a name")]
+    public string Name { get; set; } = "";
+
+    public string Description { get; set; } = "";
+
+    [Required(ErrorMessage = "You need to specify a slug")]
+    [RegularExpression("^[a-z0-9-]+$", ErrorMessage = "You need to enter a valid slug only containing lowercase characters and numbers")]
+    public string Slug { get; set; } = "";
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Store/AddProductForm.cs b/Moonlight/App/Models/Forms/Store/AddProductForm.cs
new file mode 100644
index 0000000..bb62fff
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Store/AddProductForm.cs
@@ -0,0 +1,36 @@
+using System.ComponentModel.DataAnnotations;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Database.Enums;
+
+namespace Moonlight.App.Models.Forms.Store;
+
+public class AddProductForm
+{
+    [Required(ErrorMessage = "You need to specify a category")]
+    public Category Category { get; set; }
+
+    [Required(ErrorMessage = "You need to specify a name")]
+    public string Name { get; set; } = "";
+    
+    [Required(ErrorMessage = "You need to specify a description")]
+    public string Description { get; set; } = "";
+    
+    [Required(ErrorMessage = "You need to specify a slug")]
+    [RegularExpression("^[a-z0-9-]+$", ErrorMessage = "You need to enter a valid slug only containing lowercase characters and numbers")]
+    public string Slug { get; set; } = "";
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The price needs to be equals or above 0")]
+    public double Price { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The stock needs to be equals or above 0")]
+    public int Stock { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The max per user amount needs to be equals or above 0")]
+    public int MaxPerUser { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The duration needs to be equals or above 0")]
+    public int Duration { get; set; }
+    
+    public ProductType Type { get; set; }
+    public string ConfigJson { get; set; } = "{}";
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Store/EditCategoryForm.cs b/Moonlight/App/Models/Forms/Store/EditCategoryForm.cs
new file mode 100644
index 0000000..f53081c
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Store/EditCategoryForm.cs
@@ -0,0 +1,15 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Store;
+
+public class EditCategoryForm
+{
+    [Required(ErrorMessage = "You need to specify a name")]
+    public string Name { get; set; } = "";
+
+    public string Description { get; set; } = "";
+
+    [Required(ErrorMessage = "You need to specify a slug")]
+    [RegularExpression("^[a-z0-9-]+$", ErrorMessage = "You need to enter a valid slug only containing lowercase characters and numbers")]
+    public string Slug { get; set; } = "";
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Store/EditProductForm.cs b/Moonlight/App/Models/Forms/Store/EditProductForm.cs
new file mode 100644
index 0000000..48f5322
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Store/EditProductForm.cs
@@ -0,0 +1,36 @@
+using System.ComponentModel.DataAnnotations;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Database.Enums;
+
+namespace Moonlight.App.Models.Forms.Store;
+
+public class EditProductForm
+{
+    [Required(ErrorMessage = "You need to specify a category")]
+    public Category Category { get; set; }
+
+    [Required(ErrorMessage = "You need to specify a name")]
+    public string Name { get; set; } = "";
+    
+    [Required(ErrorMessage = "You need to specify a description")]
+    public string Description { get; set; } = "";
+    
+    [Required(ErrorMessage = "You need to specify a slug")]
+    [RegularExpression("^[a-z0-9-]+$", ErrorMessage = "You need to enter a valid slug only containing lowercase characters and numbers")]
+    public string Slug { get; set; } = "";
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The price needs to be equals or above 0")]
+    public double Price { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The stock needs to be equals or above 0")]
+    public int Stock { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The max per user amount needs to be equals or above 0")]
+    public int MaxPerUser { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The duration needs to be equals or above 0")]
+    public int Duration { get; set; }
+    
+    public ProductType Type { get; set; }
+    public string ConfigJson { get; set; } = "{}";
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Interop/AlertService.cs b/Moonlight/App/Services/Interop/AlertService.cs
new file mode 100644
index 0000000..ee1f9f9
--- /dev/null
+++ b/Moonlight/App/Services/Interop/AlertService.cs
@@ -0,0 +1,50 @@
+using Microsoft.JSInterop;
+
+namespace Moonlight.App.Services.Interop;
+
+public class AlertService
+{
+    private readonly IJSRuntime JsRuntime;
+
+    public AlertService(IJSRuntime jsRuntime)
+    {
+        JsRuntime = jsRuntime;
+    }
+
+    public async Task Info(string title, string message)
+    {
+        await JsRuntime.InvokeVoidAsync("moonlight.alerts.info", title, message);
+    }
+    
+    public async Task Success(string title, string message)
+    {
+        await JsRuntime.InvokeVoidAsync("moonlight.alerts.success", title, message);
+    }
+    
+    public async Task Warning(string title, string message)
+    {
+        await JsRuntime.InvokeVoidAsync("moonlight.alerts.warning", title, message);
+    }
+    
+    public async Task Error(string title, string message)
+    {
+        await JsRuntime.InvokeVoidAsync("moonlight.alerts.error", title, message);
+    }
+    
+    public async Task<string> Text(string title, string message)
+    {
+        return await JsRuntime.InvokeAsync<string>("moonlight.alerts.text", title, message);
+    }
+    
+    public async Task<bool> YesNo(string title, string yes, string no)
+    {
+        try
+        {
+            return await JsRuntime.InvokeAsync<bool>("moonlight.alerts.yesno", title, yes, no);
+        }
+        catch (Exception)
+        {
+            return false;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Interop/ModalService.cs b/Moonlight/App/Services/Interop/ModalService.cs
new file mode 100644
index 0000000..45d1984
--- /dev/null
+++ b/Moonlight/App/Services/Interop/ModalService.cs
@@ -0,0 +1,37 @@
+using Microsoft.JSInterop;
+
+namespace Moonlight.App.Services.Interop;
+
+public class ModalService
+{
+    private readonly IJSRuntime JsRuntime;
+
+    public ModalService(IJSRuntime jsRuntime)
+    {
+        JsRuntime = jsRuntime;
+    }
+
+    public async Task Show(string id)
+    {
+        try
+        {
+            await JsRuntime.InvokeVoidAsync("moonlight.modals.show", id);
+        }
+        catch (Exception)
+        {
+            // ignored
+        }
+    }
+    
+    public async Task Hide(string id)
+    {
+        try
+        {
+            await JsRuntime.InvokeVoidAsync("moonlight.modals.hide", id);
+        }
+        catch (Exception)
+        {
+            // Ignored
+        }
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Store/StoreAdminService.cs b/Moonlight/App/Services/Store/StoreAdminService.cs
new file mode 100644
index 0000000..a893179
--- /dev/null
+++ b/Moonlight/App/Services/Store/StoreAdminService.cs
@@ -0,0 +1,99 @@
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Database.Enums;
+using Moonlight.App.Exceptions;
+using Moonlight.App.Repositories;
+
+namespace Moonlight.App.Services.Store;
+
+public class StoreAdminService
+{
+    private readonly Repository<Product> ProductRepository;
+    private readonly Repository<Category> CategoryRepository;
+
+    public StoreAdminService(Repository<Product> productRepository, Repository<Category> categoryRepository)
+    {
+        ProductRepository = productRepository;
+        CategoryRepository = categoryRepository;
+    }
+
+    public Task<Category> AddCategory(string name, string description, string slug)
+    {
+        if (CategoryRepository.Get().Any(x => x.Slug == slug))
+            throw new DisplayException("A category with this slug does already exist");
+
+        var result = CategoryRepository.Add(new Category()
+        {
+            Name = name,
+            Description = description,
+            Slug = slug
+        });
+
+        return Task.FromResult(result);
+    }
+
+    public Task<Product> AddProduct(string name, string description, string slug, ProductType type, string configJson,
+        Action<Product>? modifyProduct = null)
+    {
+        if (ProductRepository.Get().Any(x => x.Slug == slug))
+            throw new DisplayException("A product with that slug does already exist");
+
+        var product = new Product()
+        {
+            Name = name,
+            Description = description,
+            Slug = slug,
+            Type = type,
+            ConfigJson = configJson
+        };
+        
+        if(modifyProduct != null)
+            modifyProduct.Invoke(product);
+
+        var result = ProductRepository.Add(product);
+        
+        return Task.FromResult(result);
+    }
+
+    public Task UpdateCategory(Category category)
+    {
+        if (CategoryRepository.Get().Any(x => x.Id != category.Id && x.Slug == category.Slug))
+            throw new DisplayException("A category with that slug does already exist");
+        
+        CategoryRepository.Update(category);
+        
+        return Task.CompletedTask;
+    }
+    
+    public Task UpdateProduct(Product product)
+    {
+        if (ProductRepository.Get().Any(x => x.Id != product.Id && x.Slug == product.Slug))
+            throw new DisplayException("A product with that slug does already exist");
+        
+        ProductRepository.Update(product);
+        
+        return Task.CompletedTask;
+    }
+
+    public Task DeleteCategory(Category category)
+    {
+        var hasProductsInIt = ProductRepository
+            .Get()
+            .Any(x => x.Category!.Id == category.Id);
+
+        if (hasProductsInIt)
+            throw new DisplayException("The category contains products. You need to delete the products in order to delete the category");
+        
+        CategoryRepository.Delete(category);
+        
+        return Task.CompletedTask;
+    }
+
+    public Task DeleteProduct(Product product)
+    {
+        //TODO: Implement checks if services with that product id exist
+        
+        ProductRepository.Delete(product);
+        
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Store/StoreService.cs b/Moonlight/App/Services/Store/StoreService.cs
new file mode 100644
index 0000000..6c35c2e
--- /dev/null
+++ b/Moonlight/App/Services/Store/StoreService.cs
@@ -0,0 +1,13 @@
+namespace Moonlight.App.Services.Store;
+
+public class StoreService
+{
+    private readonly IServiceProvider ServiceProvider;
+
+    public StoreAdminService Admin => ServiceProvider.GetRequiredService<StoreAdminService>();
+
+    public StoreService(IServiceProvider serviceProvider)
+    {
+        ServiceProvider = serviceProvider;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Moonlight.csproj b/Moonlight/Moonlight.csproj
index d7de841..d72aabb 100644
--- a/Moonlight/Moonlight.csproj
+++ b/Moonlight/Moonlight.csproj
@@ -26,6 +26,7 @@
       <PackageReference Include="BlazorTable" Version="1.17.0" />
       <PackageReference Include="JWT" Version="10.1.1" />
       <PackageReference Include="MailKit" Version="4.2.0" />
+      <PackageReference Include="Mappy.Net" Version="1.0.2" />
       <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="7.0.0">
         <PrivateAssets>all</PrivateAssets>
         <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
diff --git a/Moonlight/Pages/_Host.cshtml b/Moonlight/Pages/_Host.cshtml
index be86ec3..266723c 100644
--- a/Moonlight/Pages/_Host.cshtml
+++ b/Moonlight/Pages/_Host.cshtml
@@ -14,8 +14,10 @@
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered"/>
     
     <link href="/css/theme.css" rel="stylesheet" type="text/css"/>
+    <link href="/css/utils.css" rel="stylesheet" type="text/css"/>
     <link href="/css/blazor.css" rel="stylesheet" type="text/css"/>
     <link href="/css/boxicons.min.css" rel="stylesheet" type="text/css"/>
+    <link href="/css/sweetalert2dark.css" rel="stylesheet" type="text/css"/>
     <link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" rel="stylesheet" type="text/css">
 </head>
 <body data-kt-app-header-fixed="true"
@@ -34,6 +36,7 @@
 <script src="/js/toaster.js"></script>
 <script src="/js/moonlight.js"></script>
 <script src="/_content/BlazorTable/BlazorTable.min.js"></script>
+<script src="/js/sweetalert2.js"></script>
 <script src="/_framework/blazor.server.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/Moonlight/Program.cs b/Moonlight/Program.cs
index fb8fcce..2b18718 100644
--- a/Moonlight/Program.cs
+++ b/Moonlight/Program.cs
@@ -7,6 +7,7 @@ using Moonlight.App.Repositories;
 using Moonlight.App.Services;
 using Moonlight.App.Services.Background;
 using Moonlight.App.Services.Interop;
+using Moonlight.App.Services.Store;
 using Moonlight.App.Services.Users;
 using Moonlight.App.Services.Utils;
 using Serilog;
@@ -36,6 +37,12 @@ builder.Services.AddScoped<JwtService>();
 // Services / Interop
 builder.Services.AddScoped<CookieService>();
 builder.Services.AddScoped<ToastService>();
+builder.Services.AddScoped<ModalService>();
+builder.Services.AddScoped<AlertService>();
+
+// Services / Store
+builder.Services.AddScoped<StoreService>();
+builder.Services.AddScoped<StoreAdminService>();
 
 // Services / Users
 builder.Services.AddScoped<UserService>();
diff --git a/Moonlight/Shared/Components/Forms/SmartEnumSelect.razor b/Moonlight/Shared/Components/Forms/SmartEnumSelect.razor
new file mode 100644
index 0000000..2c08f07
--- /dev/null
+++ b/Moonlight/Shared/Components/Forms/SmartEnumSelect.razor
@@ -0,0 +1,27 @@
+@typeparam TField where TField : struct
+@using Microsoft.AspNetCore.Components.Forms
+@inherits InputBase<TField>
+
+<select @bind="CurrentValue" class="form-select">
+    @foreach (var status in (TField[])Enum.GetValues(typeof(TField)))
+    {
+        if (CurrentValue.ToString() == status.ToString())
+        {
+            <option value="@(status)" selected="">@(status)</option>
+        }
+        else
+        {
+            <option value="@(status)">@(status)</option>
+        }
+    }
+</select>
+
+@code
+{
+    protected override bool TryParseValueFromString(string? value, out TField result, out string? validationErrorMessage)
+    {
+        result = Enum.Parse<TField>(value);
+        validationErrorMessage = "";
+        return false;
+    }
+}
diff --git a/Moonlight/Shared/Components/Forms/SmartSelect.razor b/Moonlight/Shared/Components/Forms/SmartSelect.razor
new file mode 100644
index 0000000..d7501a6
--- /dev/null
+++ b/Moonlight/Shared/Components/Forms/SmartSelect.razor
@@ -0,0 +1,71 @@
+@typeparam TField
+@using Microsoft.AspNetCore.Components.Forms
+@inherits InputBase<TField>
+
+<select class="form-select" @bind="Binding">
+    @if (CanBeNull)
+    {
+        <option value="-1">---</option>
+    }
+    @foreach (var item in Items)
+    {
+        <option value="@(item!.GetHashCode())">@(DisplayField(item))</option>
+    }
+</select>
+
+@code
+{
+    [Parameter]
+    public IEnumerable<TField> Items { get; set; }
+    
+    [Parameter]
+    public Func<TField, string> DisplayField { get; set; }
+    
+    [Parameter]
+    public Func<Task>? OnChange { get; set; }
+
+    [Parameter]
+    public bool CanBeNull { get; set; } = false;
+
+    protected override void OnInitialized()
+    {
+        
+    }
+
+    protected override string? FormatValueAsString(TField? value)
+    {
+        if (value == null)
+            return null;
+        
+        return DisplayField.Invoke(value);
+    }
+
+    protected override bool TryParseValueFromString(string? value, out TField result, out string? validationErrorMessage)
+    {
+        validationErrorMessage = "";
+        result = default(TField)!;
+        return false;
+    }
+
+    private int Binding
+    {
+        get
+        {
+            if (Value == null)
+                return -1;
+
+            return Value.GetHashCode();
+        }
+        set
+        {
+            var i = Items.FirstOrDefault(x => x!.GetHashCode() == value);
+
+            if(i == null && !CanBeNull)
+                return;
+            
+            Value = i;
+            ValueChanged.InvokeAsync(i);
+            OnChange?.Invoke();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Partials/SmartModal.razor b/Moonlight/Shared/Components/Partials/SmartModal.razor
new file mode 100644
index 0000000..0735110
--- /dev/null
+++ b/Moonlight/Shared/Components/Partials/SmartModal.razor
@@ -0,0 +1,35 @@
+@inject ModalService ModalService
+
+<div class="modal fade" id="modal@(Id)" tabindex="-1">
+    <div class="modal-dialog @(CssClasses)">
+        <div class="modal-content">
+            @ChildContent
+        </div>
+    </div>
+</div>
+
+@code
+{
+    [Parameter]
+    public string CssClasses { get; set; } = "";
+    
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+    
+    private int Id;
+
+    protected override void OnInitialized()
+    {
+        Id = GetHashCode();
+    }
+
+    public async Task Show()
+    {
+        await ModalService.Show("modal" + Id);
+    }
+
+    public async Task Hide()
+    {
+        await ModalService.Hide("modal" + Id);
+    }
+}
diff --git a/Moonlight/Shared/Components/Store/StoreModals.razor b/Moonlight/Shared/Components/Store/StoreModals.razor
new file mode 100644
index 0000000..d75850c
--- /dev/null
+++ b/Moonlight/Shared/Components/Store/StoreModals.razor
@@ -0,0 +1,316 @@
+@using Moonlight.App.Services.Store
+@using Moonlight.App.Models.Forms.Store
+@using Moonlight.App.Database.Enums
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Repositories
+@using Mappy.Net
+
+@inject StoreService StoreService
+@inject ToastService ToastService
+@inject Repository<Category> CategoryRepository
+
+<SmartModal @ref="AddCategoryModal" CssClasses="modal-dialog-centered">
+    <div class="modal-header">
+        <h5 class="modal-title">Add new category</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <SmartForm Model="AddCategoryForm" OnValidSubmit="AddCategorySubmit">
+        <div class="modal-body">
+            <div class="mb-3">
+                <label class="form-label">Name</label>
+                <input @bind="AddCategoryForm.Name" class="form-control" type="text"/>
+            </div>
+            <div class="mb-3">
+                <label class="form-label">Description</label>
+                <textarea @bind="AddCategoryForm.Description" class="form-control" type="text"></textarea>
+            </div>
+            <div class="mb-3">
+                <label class="form-label">Slug</label>
+                <input @bind="AddCategoryForm.Slug" class="form-control" type="text"/>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+            <button type="submit" class="btn btn-primary">Save changes</button>
+        </div>
+    </SmartForm>
+</SmartModal>
+
+<SmartModal @ref="EditCategoryModal" CssClasses="modal-dialog-centered">
+    <div class="modal-header">
+        <h5 class="modal-title">Edit category</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <SmartForm Model="EditCategoryForm" OnValidSubmit="EditCategorySubmit">
+        <div class="modal-body">
+            <div class="mb-3">
+                <label class="form-label">Name</label>
+                <input @bind="EditCategoryForm.Name" class="form-control" type="text"/>
+            </div>
+            <div class="mb-3">
+                <label class="form-label">Description</label>
+                <textarea @bind="EditCategoryForm.Description" class="form-control" type="text"></textarea>
+            </div>
+            <div class="mb-3">
+                <label class="form-label">Slug</label>
+                <input @bind="EditCategoryForm.Slug" class="form-control" type="text"/>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+            <button type="submit" class="btn btn-primary">Save changes</button>
+        </div>
+    </SmartForm>
+</SmartModal>
+
+<SmartModal @ref="AddProductModal" CssClasses="modal-dialog-centered modal-lg">
+    <LazyLoader Load="LoadCategories">
+        <div class="modal-header">
+            <h5 class="modal-title">Add new product</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <SmartForm Model="AddProductForm" OnValidSubmit="AddProductSubmit">
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-md-6 col-12">
+                        <div class="mb-3">
+                            <label class="form-label">Name</label>
+                            <input @bind="AddProductForm.Name" class="form-control" type="text"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Description</label>
+                            <textarea @bind="AddProductForm.Description" class="form-control" type="text"></textarea>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Slug</label>
+                            <input @bind="AddProductForm.Slug" class="form-control" type="text"/>
+                        </div>
+                        <div class="mb-5">
+                            <label class="form-label">Category</label>
+                            <SmartSelect @bind-Value="AddProductForm.Category" Items="Categories" DisplayField="@(x => x.Name)"/>
+                        </div>
+                    </div>
+                    <div class="col-md-6 col-12">
+                        <div class="mb-3">
+                            <label class="form-label">Price</label>
+                            <input @bind="AddProductForm.Price" class="form-control" type="text"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Duration</label>
+                            <input @bind="AddProductForm.Duration" class="form-control" type="number"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Max instances per user</label>
+                            <input @bind="AddProductForm.MaxPerUser" class="form-control" type="number"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Stock</label>
+                            <input @bind="AddProductForm.Stock" class="form-control" type="number"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Type</label>
+                            <SmartEnumSelect @bind-Value="AddProductForm.Type"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Config</label>
+                            <input @bind="AddProductForm.ConfigJson" class="form-control" type="text"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                <button type="submit" class="btn btn-primary">Save changes</button>
+            </div>
+        </SmartForm>
+    </LazyLoader>
+</SmartModal>
+
+<SmartModal @ref="EditProductModal" CssClasses="modal-dialog-centered modal-lg">
+    <LazyLoader Load="LoadCategories">
+        <div class="modal-header">
+            <h5 class="modal-title">Edit product</h5>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <SmartForm Model="EditProductForm" OnValidSubmit="EditProductSubmit">
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-md-6 col-12">
+                        <div class="mb-3">
+                            <label class="form-label">Name</label>
+                            <input @bind="EditProductForm.Name" class="form-control" type="text"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Description</label>
+                            <textarea @bind="EditProductForm.Description" class="form-control" type="text"></textarea>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Slug</label>
+                            <input @bind="EditProductForm.Slug" class="form-control" type="text"/>
+                        </div>
+                        <div class="mb-5">
+                            <label class="form-label">Category</label>
+                            <SmartSelect @bind-Value="EditProductForm.Category" Items="Categories" DisplayField="@(x => x.Name)"/>
+                        </div>
+                    </div>
+                    <div class="col-md-6 col-12">
+                        <div class="mb-3">
+                            <label class="form-label">Price</label>
+                            <input @bind="EditProductForm.Price" class="form-control" type="text"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Duration</label>
+                            <input @bind="EditProductForm.Duration" class="form-control" type="number"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Max instances per user</label>
+                            <input @bind="EditProductForm.MaxPerUser" class="form-control" type="number"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Stock</label>
+                            <input @bind="EditProductForm.Stock" class="form-control" type="number"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Type</label>
+                            <SmartEnumSelect @bind-Value="EditProductForm.Type"/>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label">Config</label>
+                            <input @bind="EditProductForm.ConfigJson" class="form-control" type="text"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                <button type="submit" class="btn btn-primary">Save changes</button>
+            </div>
+        </SmartForm>
+    </LazyLoader>
+</SmartModal>
+
+@code
+{
+    [Parameter]
+    public Func<Task> OnUpdate { get; set; }
+
+    #region Add category
+
+    private SmartModal AddCategoryModal;
+    private AddCategoryForm AddCategoryForm = new();
+
+    public Task AddCategoryShow => AddCategoryModal.Show();
+
+    private async Task AddCategorySubmit()
+    {
+        await StoreService.Admin.AddCategory(
+            AddCategoryForm.Name,
+            AddCategoryForm.Description,
+            AddCategoryForm.Slug
+            );
+
+        await ToastService.Success("Successfully added category");
+        await AddCategoryModal.Hide();
+
+        AddCategoryForm = new();
+        await OnUpdate.Invoke();
+    }
+
+    #endregion
+    
+    #region Edit category
+
+    private SmartModal EditCategoryModal;
+    private EditCategoryForm EditCategoryForm = new();
+    private Category EditCategory;
+
+    public async Task EditCategoryShow(Category category)
+    {
+        EditCategory = category;
+
+        EditCategoryForm = Mapper.Map<EditCategoryForm>(EditCategory);
+        await EditCategoryModal.Show();
+    }
+    private async Task EditCategorySubmit()
+    {
+        EditCategory = Mapper.Map(EditCategory, EditCategoryForm);
+
+        await StoreService.Admin.UpdateCategory(EditCategory);
+
+        await ToastService.Success("Successfully updated category");
+        await EditCategoryModal.Hide();
+        
+        await OnUpdate.Invoke();
+    }
+
+    #endregion
+
+    #region Add product
+
+    private SmartModal AddProductModal;
+    private AddProductForm AddProductForm = new();
+    private Category[] Categories;
+
+    public Task AddProductShow => AddProductModal.Show();
+
+    private async Task AddProductSubmit()
+    {
+        await StoreService.Admin.AddProduct(
+            AddProductForm.Name,
+            AddProductForm.Description,
+            AddProductForm.Slug,
+            AddProductForm.Type,
+            AddProductForm.ConfigJson,
+            product =>
+            {
+                product.Category = AddProductForm.Category;
+                product.Duration = AddProductForm.Duration;
+                product.Price = AddProductForm.Price;
+                product.Stock = AddProductForm.Stock;
+                product.MaxPerUser = AddProductForm.MaxPerUser;
+            }
+            );
+
+        await ToastService.Success("Successfully added product");
+        await AddProductModal.Hide();
+
+        AddProductForm = new();
+        await OnUpdate.Invoke();
+    }
+
+    #endregion
+    
+    #region Edit product
+
+    private SmartModal EditProductModal;
+    private EditProductForm EditProductForm = new();
+    private Product EditProduct;
+
+    public async Task EditProductShow(Product product)
+    {
+        EditProduct = product;
+
+        EditProductForm = Mapper.Map<EditProductForm>(EditProduct);
+        await EditProductModal.Show();
+    }
+
+    private async Task EditProductSubmit()
+    {
+        EditProduct = Mapper.Map(EditProduct, EditProductForm);
+
+        await StoreService.Admin.UpdateProduct(EditProduct);
+        
+        await ToastService.Success("Successfully updated product");
+        await EditProductModal.Hide();
+
+        await OnUpdate.Invoke();
+    }
+
+    #endregion
+
+    private Task LoadCategories(LazyLoader _)
+    {
+        Categories = CategoryRepository.Get().ToArray();
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Views/Store/Index.razor b/Moonlight/Shared/Views/Store/Index.razor
new file mode 100644
index 0000000..c3b1376
--- /dev/null
+++ b/Moonlight/Shared/Views/Store/Index.razor
@@ -0,0 +1,263 @@
+@page "/store"
+
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Models.Enums
+@using Moonlight.App.Repositories
+@using Moonlight.App.Services
+@using Moonlight.App.Services.Store
+@using Moonlight.Shared.Components.Store
+
+@inject Repository<Category> CategoryRepository
+@inject Repository<Product> ProductRepository
+@inject ConfigService ConfigService
+@inject IdentityService IdentityService
+@inject AlertService AlertService
+@inject ToastService ToastService
+@inject StoreService StoreService
+
+@{
+    var currency = ConfigService.Get().Store.Currency;
+}
+
+@if (IdentityService.Permissions[Permission.AdminStore])
+{
+    <div class="alert alert-info bg-info text-white text-center py-2">
+        @if (EditMode)
+        {
+            <h4 class="pt-2">Edit mode enabled. Disable it by clicking <a href="#" @onclick="ToggleEdit" @onclick:preventDefault>here</a></h4>
+        }
+        else
+        {
+            <h4 class="pt-2">To edit the store you can enable the edit mode <a href="#" @onclick="ToggleEdit" @onclick:preventDefault>here</a></h4>
+        }
+    </div>
+}
+
+<div class="row">
+    <div class="col-md-3 col-12 mb-5">
+        <div class="card">
+            <div class="card-header">
+                <h6 class="card-title">Categories</h6>
+                @if (EditMode)
+                {
+                    <div class="card-toolbar">
+                        <button @onclick="() => StoreModals.AddCategoryShow" class="btn btn-icon btn-success">
+                            <i class="bx bx-sm bx-plus"></i>
+                        </button>
+                    </div>
+                }
+            </div>
+            <div class="card-body">
+                <LazyLoader @ref="CategoriesLazyLoader" Load="LoadCategories">
+                    @foreach (var category in Categories)
+                    {
+                        <div class="d-flex flex-column">
+                            <li class="d-flex align-items-center py-2">
+                                <span class="bullet me-5"></span>
+                                <a class="invisible-a fs-5 @(SelectedCategory == category ? "fw-bold text-primary" : "")" href="/store?category=@(category.Slug)">@(category.Name)</a>
+                                @if (EditMode)
+                                {
+                                    <a @onclick="() => StoreModals.EditCategoryShow(category)" @onclick:preventDefault href="#" class="ms-3 text-warning">Edit</a>
+                                    <a @onclick="() => DeleteCategory(category)" @onclick:preventDefault href="#" class="ms-1 text-danger">Delete</a>
+                                }
+                            </li>
+                        </div>
+                    }
+                </LazyLoader>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-9 col-12">
+        <LazyLoader @ref="ProductsLazyLoader" Load="LoadProducts">
+            @if (Products.Any())
+            {
+                <div class="row">
+                    @foreach (var product in Products)
+                    {
+                        <div class="col-md-4 col-12 mb-5">
+                            <div class="card">
+                                @if (EditMode)
+                                {
+                                    <div class="card-header">
+                                        <a @onclick="() => StoreModals.EditProductShow(product)" @onclick:preventDefault href="#" class="card-title text-primary">Edit</a>
+                                        <div class="card-toolbar">
+                                            <a @onclick="() => DeleteProduct(product)" @onclick:preventDefault href="#" class="text-danger">Delete</a>
+                                        </div>
+                                    </div>
+                                }
+                                <div class="card-body text-center">
+                                    <h1 class="text-dark mb-5 fw-bolder">@(product.Name)</h1>
+                                    <p class="fw-semibold fs-6 text-gray-800 flex-grow-1">
+                                        @(Formatter.FormatLineBreaks(product.Description))
+                                    </p>
+
+                                    <div class="text-center mb-8">
+                                        @if (product.Price == 0)
+                                        {
+                                            <span class="fs-1 fw-bold text-primary">
+                                                Free
+                                            </span>
+                                        }
+                                        else
+                                        {
+                                            <span class="mb-2 text-primary">@(currency)</span>
+                                            <span class="fs-1 fw-bold text-primary">
+                                                @(product.Price)
+                                            </span>
+                                            <span class="fs-7 fw-semibold opacity-50">
+                                                /
+                                                <span>@(product.Duration) days</span>
+                                            </span>
+                                        }
+                                    </div>
+
+                                    @if (product.Stock == 0)
+                                    {
+                                        <button class="btn btn-primary disabled">Out of stock</button>
+                                    }
+                                    else
+                                    {
+                                        <a href="/store/order/@(product.Slug)" class="btn btn-primary">Order now</a>
+                                    }
+                                </div>
+                            </div>
+                        </div>
+                    }
+
+                    @if (EditMode)
+                    {
+                        <div class="col-md-4 col-12 mb-5">
+                            <div class="card">
+                                <div class="card-body text-center">
+                                    <button @onclick="() => StoreModals.AddProductShow" class="btn btn-success">Create new product</button>
+                                </div>
+                            </div>
+                        </div>
+                    }
+                </div>
+            }
+            else
+            {
+                if (Categories.Any())
+                {
+                    if (EditMode)
+                    {
+                        <div class="card">
+                            <div class="card-body text-center py-10">
+                                <button @onclick="() => StoreModals.AddProductShow" class="btn btn-success">Create new product</button>
+                            </div>
+                        </div>
+                    }
+                    else
+                    {
+                        <div class="card card-body text-center">
+                            <div class="py-10">
+                                <h1 class="card-title">Welcome to our store</h1>
+                                <span class="card-subtitle fs-2">Select a category to start browsing</span>
+                            </div>
+
+                            <div class="py-10 text-center p-10">
+                                <img src="/svg/shopping.svg" style="height: 10vi" alt="Banner">
+                            </div>
+                        </div>
+                    }
+                }
+                else
+                {
+                    <div class="card card-body text-center">
+                        <h1 class="card-title py-10">No products found</h1>
+                    </div>
+                }
+            }
+        </LazyLoader>
+    </div>
+</div>
+
+<StoreModals @ref="StoreModals" OnUpdate="OnParametersSetAsync" />
+
+@code
+{
+    // Category
+    private Category[] Categories;
+    private LazyLoader? CategoriesLazyLoader;
+
+    [Parameter]
+    [SupplyParameterFromQuery]
+    public string Category { get; set; }
+
+    private Category? SelectedCategory;
+
+    // Products
+    private Product[] Products;
+    private LazyLoader? ProductsLazyLoader;
+
+    // Edit stuff
+    private bool EditMode = false;
+    private StoreModals StoreModals;
+
+    protected override async Task OnParametersSetAsync()
+    {
+        if (CategoriesLazyLoader != null)
+            await CategoriesLazyLoader.Reload();
+
+        if (ProductsLazyLoader != null)
+            await ProductsLazyLoader.Reload();
+    }
+
+    private async Task ToggleEdit()
+    {
+        EditMode = !EditMode;
+        await InvokeAsync(StateHasChanged);
+    }
+
+    private Task LoadCategories(LazyLoader _)
+    {
+        Categories = CategoryRepository.Get().ToArray();
+
+        SelectedCategory = Categories.FirstOrDefault(x => x.Slug == Category);
+
+        return Task.CompletedTask;
+    }
+
+    private Task LoadProducts(LazyLoader _)
+    {
+        if (SelectedCategory == null)
+        {
+            Products = ProductRepository
+                .Get()
+                .Where(x => x.Category == null)
+                .ToArray();
+        }
+        else
+        {
+            Products = ProductRepository
+                .Get()
+                .Where(x => x.Category!.Id == SelectedCategory.Id)
+                .ToArray();
+        }
+
+        return Task.CompletedTask;
+    }
+
+    private async Task DeleteCategory(Category category)
+    {
+        if (!await AlertService.YesNo($"Do you really want to delete '{category.Name}'", "Continue", "Cancel"))
+            return;
+
+        await StoreService.Admin.DeleteCategory(category);
+        
+        await ToastService.Success("Successfully deleted category");
+        await OnParametersSetAsync();
+    }
+    
+    private async Task DeleteProduct(Product product)
+    {
+        if (!await AlertService.YesNo($"Do you really want to delete '{product.Name}'", "Continue", "Cancel"))
+            return;
+
+        await StoreService.Admin.DeleteProduct(product);
+        
+        await ToastService.Success("Successfully deleted product");
+        await OnParametersSetAsync();
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/wwwroot/css/sweetalert2dark.css b/Moonlight/wwwroot/css/sweetalert2dark.css
new file mode 100644
index 0000000..db1c4dc
--- /dev/null
+++ b/Moonlight/wwwroot/css/sweetalert2dark.css
@@ -0,0 +1,1126 @@
+/*
+* @sweetalert2/themes v4.0.5
+* Released under the MIT License.
+*/
+
+.swal2-popup.swal2-toast {
+  flex-direction: column;
+  align-items: stretch;
+  width: auto;
+  padding: 1.25em;
+  overflow-y: hidden;
+  background: #19191a;
+  box-shadow: 0 0 0.625em #d9d9d9; }
+  .swal2-popup.swal2-toast .swal2-header {
+    flex-direction: row;
+    padding: 0; }
+  .swal2-popup.swal2-toast .swal2-title {
+    flex-grow: 1;
+    justify-content: flex-start;
+    margin: 0 0.625em;
+    font-size: 1em; }
+  .swal2-popup.swal2-toast .swal2-loading {
+    justify-content: center; }
+  .swal2-popup.swal2-toast .swal2-input {
+    height: 2em;
+    margin: .3125em auto;
+    font-size: 1em; }
+  .swal2-popup.swal2-toast .swal2-validation-message {
+    font-size: 1em; }
+  .swal2-popup.swal2-toast .swal2-footer {
+    margin: 0.5em 0 0;
+    padding: 0.5em 0 0;
+    font-size: 0.8em; }
+  .swal2-popup.swal2-toast .swal2-close {
+    position: static;
+    width: 0.8em;
+    height: 0.8em;
+    line-height: 0.8; }
+  .swal2-popup.swal2-toast .swal2-content {
+    justify-content: flex-start;
+    margin: 0 0.625em;
+    padding: 0;
+    font-size: 1em;
+    text-align: initial; }
+  .swal2-popup.swal2-toast .swal2-html-container {
+    padding: .625em 0 0; }
+    .swal2-popup.swal2-toast .swal2-html-container:empty {
+      padding: 0; }
+  .swal2-popup.swal2-toast .swal2-icon {
+    width: 2em;
+    min-width: 2em;
+    height: 2em;
+    margin: 0 .5em 0 0; }
+    .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
+      display: flex;
+      align-items: center;
+      font-size: 1.8em;
+      font-weight: bold; }
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
+          font-size: .25em; } }
+    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
+      width: 2em;
+      height: 2em; }
+    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
+      top: .875em;
+      width: 1.375em; }
+      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
+        left: .3125em; }
+      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
+        right: .3125em; }
+  .swal2-popup.swal2-toast .swal2-actions {
+    flex: 1;
+    flex-basis: auto !important;
+    align-self: stretch;
+    width: auto;
+    height: 2.2em;
+    height: auto;
+    margin: 0 .3125em;
+    margin-top: .3125em;
+    padding: 0; }
+  .swal2-popup.swal2-toast .swal2-styled {
+    margin: .125em .3125em;
+    padding: .3125em .625em;
+    font-size: 1em; }
+    .swal2-popup.swal2-toast .swal2-styled:focus {
+      box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5); }
+  .swal2-popup.swal2-toast .swal2-success {
+    border-color: #a5dc86; }
+    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
+      position: absolute;
+      width: 1.6em;
+      height: 3em;
+      transform: rotate(45deg);
+      border-radius: 50%; }
+      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
+        top: -.8em;
+        left: -.5em;
+        transform: rotate(-45deg);
+        transform-origin: 2em 2em;
+        border-radius: 4em 0 0 4em; }
+      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
+        top: -.25em;
+        left: .9375em;
+        transform-origin: 0 1.5em;
+        border-radius: 0 4em 4em 0; }
+    .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
+      width: 2em;
+      height: 2em; }
+    .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
+      top: 0;
+      left: .4375em;
+      width: .4375em;
+      height: 2.6875em; }
+    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
+      height: .3125em; }
+      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
+        top: 1.125em;
+        left: .1875em;
+        width: .75em; }
+      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
+        top: .9375em;
+        right: .1875em;
+        width: 1.375em; }
+    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
+      -webkit-animation: swal2-toast-animate-success-line-tip .75s;
+              animation: swal2-toast-animate-success-line-tip .75s; }
+    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
+      -webkit-animation: swal2-toast-animate-success-line-long .75s;
+              animation: swal2-toast-animate-success-line-long .75s; }
+  .swal2-popup.swal2-toast.swal2-show {
+    -webkit-animation: swal2-toast-show 0.5s;
+            animation: swal2-toast-show 0.5s; }
+  .swal2-popup.swal2-toast.swal2-hide {
+    -webkit-animation: swal2-toast-hide 0.1s forwards;
+            animation: swal2-toast-hide 0.1s forwards; }
+
+.swal2-container {
+  display: flex;
+  position: fixed;
+  z-index: 1060;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 0.625em;
+  overflow-x: hidden;
+  transition: background-color 0.1s;
+  -webkit-overflow-scrolling: touch; }
+  .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
+    background: rgba(25, 25, 26, 0.75); }
+  .swal2-container.swal2-backdrop-hide {
+    background: transparent !important; }
+  .swal2-container.swal2-top {
+    align-items: flex-start; }
+  .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
+    align-items: flex-start;
+    justify-content: flex-start; }
+  .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
+    align-items: flex-start;
+    justify-content: flex-end; }
+  .swal2-container.swal2-center {
+    align-items: center; }
+  .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
+    align-items: center;
+    justify-content: flex-start; }
+  .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
+    align-items: center;
+    justify-content: flex-end; }
+  .swal2-container.swal2-bottom {
+    align-items: flex-end; }
+  .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
+    align-items: flex-end;
+    justify-content: flex-start; }
+  .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
+    align-items: flex-end;
+    justify-content: flex-end; }
+  .swal2-container.swal2-bottom > :first-child,
+  .swal2-container.swal2-bottom-start > :first-child,
+  .swal2-container.swal2-bottom-left > :first-child,
+  .swal2-container.swal2-bottom-end > :first-child,
+  .swal2-container.swal2-bottom-right > :first-child {
+    margin-top: auto; }
+  .swal2-container.swal2-grow-fullscreen > .swal2-modal {
+    display: flex !important;
+    flex: 1;
+    align-self: stretch;
+    justify-content: center; }
+  .swal2-container.swal2-grow-row > .swal2-modal {
+    display: flex !important;
+    flex: 1;
+    align-content: center;
+    justify-content: center; }
+  .swal2-container.swal2-grow-column {
+    flex: 1;
+    flex-direction: column; }
+    .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
+      align-items: center; }
+    .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
+      align-items: flex-start; }
+    .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
+      align-items: flex-end; }
+    .swal2-container.swal2-grow-column > .swal2-modal {
+      display: flex !important;
+      flex: 1;
+      align-content: center;
+      justify-content: center; }
+  .swal2-container.swal2-no-transition {
+    transition: none !important; }
+  .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
+    margin: auto; }
+  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    .swal2-container .swal2-modal {
+      margin: 0 !important; } }
+
+.swal2-popup {
+  display: none;
+  position: relative;
+  box-sizing: border-box;
+  flex-direction: column;
+  justify-content: center;
+  width: 32em;
+  max-width: 100%;
+  padding: 1.25em;
+  border: none;
+  border-radius: 5px;
+  background: #19191a;
+  font-family: inherit;
+  font-size: 1rem; }
+  .swal2-popup:focus {
+    outline: none; }
+  .swal2-popup.swal2-loading {
+    overflow-y: hidden; }
+
+.swal2-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0 1.8em; }
+
+.swal2-title {
+  position: relative;
+  max-width: 100%;
+  margin: 0 0 0.4em;
+  padding: 0;
+  color: #e1e1e1;
+  font-size: 1.875em;
+  font-weight: 600;
+  text-align: center;
+  text-transform: none;
+  word-wrap: break-word; }
+
+.swal2-actions {
+  display: flex;
+  z-index: 1;
+  box-sizing: border-box;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin: 1.25em auto 0;
+  padding: 0; }
+  .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
+    opacity: .4; }
+  .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
+  .swal2-actions:not(.swal2-loading) .swal2-styled:active {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
+
+.swal2-loader {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 2.2em;
+  height: 2.2em;
+  margin: 0 1.875em;
+  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+  border-width: 0.25em;
+  border-style: solid;
+  border-radius: 100%;
+  border-color: #2778c4 transparent #2778c4 transparent; }
+
+.swal2-styled {
+  margin: 0.3125em;
+  padding: 0.625em 1.1em;
+  box-shadow: none;
+  font-weight: 500; }
+  .swal2-styled:not([disabled]) {
+    cursor: pointer; }
+  .swal2-styled.swal2-confirm {
+    border: 0;
+    border-radius: 0.25em;
+    background: initial;
+    background-color: #2778c4;
+    color: #fff;
+    font-size: 1em; }
+  .swal2-styled.swal2-deny {
+    border: 0;
+    border-radius: 0.25em;
+    background: initial;
+    background-color: #d14529;
+    color: #fff;
+    font-size: 1em; }
+  .swal2-styled.swal2-cancel {
+    border: 0;
+    border-radius: 0.25em;
+    background: initial;
+    background-color: #757575;
+    color: #fff;
+    font-size: 1em; }
+  .swal2-styled:focus {
+    outline: none;
+    box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5); }
+  .swal2-styled::-moz-focus-inner {
+    border: 0; }
+
+.swal2-footer {
+  justify-content: center;
+  margin: 1.25em 0 0;
+  padding: 1em 0 0;
+  border-top: 1px solid #555;
+  color: #bbbbbb;
+  font-size: 1em; }
+
+.swal2-timer-progress-bar-container {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 0.25em;
+  overflow: hidden;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px; }
+
+.swal2-timer-progress-bar {
+  width: 100%;
+  height: 0.25em;
+  background: rgba(225, 225, 225, 0.6); }
+
+.swal2-image {
+  max-width: 100%;
+  margin: 1.25em auto; }
+
+.swal2-close {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  right: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1.2em;
+  height: 1.2em;
+  padding: 0;
+  overflow: hidden;
+  transition: color 0.1s ease-out;
+  border: none;
+  border-radius: 5px;
+  background: transparent;
+  color: #cccccc;
+  font-family: serif;
+  font-size: 2.5em;
+  line-height: 1.2;
+  cursor: pointer; }
+  .swal2-close:hover {
+    transform: none;
+    background: transparent;
+    color: #f27474; }
+  .swal2-close:focus {
+    outline: none;
+    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); }
+  .swal2-close::-moz-focus-inner {
+    border: 0; }
+
+.swal2-content {
+  z-index: 1;
+  justify-content: center;
+  margin: 0;
+  padding: 0 1.6em;
+  color: #e1e1e1;
+  font-size: 1.125em;
+  font-weight: normal;
+  line-height: normal;
+  text-align: center;
+  word-wrap: break-word; }
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea,
+.swal2-select,
+.swal2-radio,
+.swal2-checkbox {
+  margin: 1em auto; }
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea {
+  box-sizing: border-box;
+  width: 100%;
+  transition: border-color 0.3s, box-shadow 0.3s;
+  border: 1px solid #d9d9d9;
+  border-radius: 0.1875em;
+  background: #323234;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
+  color: #e1e1e1;
+  font-size: 1.125em; }
+  .swal2-input.swal2-inputerror,
+  .swal2-file.swal2-inputerror,
+  .swal2-textarea.swal2-inputerror {
+    border-color: #f27474 !important;
+    box-shadow: 0 0 2px #f27474 !important; }
+  .swal2-input:focus,
+  .swal2-file:focus,
+  .swal2-textarea:focus {
+    border: 1px solid #b4dbed;
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); }
+  .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
+    color: #cccccc; }
+  .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
+    color: #cccccc; }
+  .swal2-input::placeholder,
+  .swal2-file::placeholder,
+  .swal2-textarea::placeholder {
+    color: #cccccc; }
+
+.swal2-range {
+  margin: 1em auto;
+  background: #19191a; }
+  .swal2-range input {
+    width: 80%; }
+  .swal2-range output {
+    width: 20%;
+    color: #e1e1e1;
+    font-weight: 600;
+    text-align: center; }
+  .swal2-range input,
+  .swal2-range output {
+    height: 2.625em;
+    padding: 0;
+    font-size: 1.125em;
+    line-height: 2.625em; }
+
+.swal2-input {
+  height: 2.625em;
+  padding: 0 0.75em; }
+  .swal2-input[type='number'] {
+    max-width: 10em; }
+
+.swal2-file {
+  background: #323234;
+  font-size: 1.125em; }
+
+.swal2-textarea {
+  height: 6.75em;
+  padding: 0.75em; }
+
+.swal2-select {
+  min-width: 50%;
+  max-width: 100%;
+  padding: .375em .625em;
+  background: #323234;
+  color: #e1e1e1;
+  font-size: 1.125em; }
+
+.swal2-radio,
+.swal2-checkbox {
+  align-items: center;
+  justify-content: center;
+  background: #19191a;
+  color: #e1e1e1; }
+  .swal2-radio label,
+  .swal2-checkbox label {
+    margin: 0 .6em;
+    font-size: 1.125em; }
+  .swal2-radio input,
+  .swal2-checkbox input {
+    margin: 0 .4em; }
+
+.swal2-input-label {
+  display: flex;
+  justify-content: center;
+  margin: 1em auto; }
+
+.swal2-validation-message {
+  align-items: center;
+  justify-content: center;
+  margin: 0 -2.7em;
+  padding: 0.625em;
+  overflow: hidden;
+  background: #323234;
+  color: #e1e1e1;
+  font-size: 1em;
+  font-weight: 300; }
+  .swal2-validation-message::before {
+    content: '!';
+    display: inline-block;
+    width: 1.5em;
+    min-width: 1.5em;
+    height: 1.5em;
+    margin: 0 .625em;
+    border-radius: 50%;
+    background-color: #f27474;
+    color: #fff;
+    font-weight: 600;
+    line-height: 1.5em;
+    text-align: center; }
+
+.swal2-icon {
+  position: relative;
+  box-sizing: content-box;
+  justify-content: center;
+  width: 5em;
+  height: 5em;
+  margin: 1.25em auto 1.875em;
+  border: 0.25em solid transparent;
+  border-radius: 50%;
+  border-color: #000;
+  font-family: inherit;
+  line-height: 5em;
+  cursor: default;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+  .swal2-icon .swal2-icon-content {
+    display: flex;
+    align-items: center;
+    font-size: 3.75em; }
+  .swal2-icon.swal2-error {
+    border-color: #f27474;
+    color: #f27474; }
+    .swal2-icon.swal2-error .swal2-x-mark {
+      position: relative;
+      flex-grow: 1; }
+    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
+      display: block;
+      position: absolute;
+      top: 2.3125em;
+      width: 2.9375em;
+      height: .3125em;
+      border-radius: .125em;
+      background-color: #f27474; }
+      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
+        left: 1.0625em;
+        transform: rotate(45deg); }
+      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
+        right: 1em;
+        transform: rotate(-45deg); }
+    .swal2-icon.swal2-error.swal2-icon-show {
+      -webkit-animation: swal2-animate-error-icon .5s;
+              animation: swal2-animate-error-icon .5s; }
+      .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
+        -webkit-animation: swal2-animate-error-x-mark .5s;
+                animation: swal2-animate-error-x-mark .5s; }
+  .swal2-icon.swal2-warning {
+    border-color: #facea8;
+    color: #f8bb86; }
+  .swal2-icon.swal2-info {
+    border-color: #9de0f6;
+    color: #3fc3ee; }
+  .swal2-icon.swal2-question {
+    border-color: #c9dae1;
+    color: #87adbd; }
+  .swal2-icon.swal2-success {
+    border-color: #a5dc86;
+    color: #a5dc86; }
+    .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
+      position: absolute;
+      width: 3.75em;
+      height: 7.5em;
+      transform: rotate(45deg);
+      border-radius: 50%; }
+      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
+        top: -.4375em;
+        left: -2.0635em;
+        transform: rotate(-45deg);
+        transform-origin: 3.75em 3.75em;
+        border-radius: 7.5em 0 0 7.5em; }
+      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
+        top: -.6875em;
+        left: 1.875em;
+        transform: rotate(-45deg);
+        transform-origin: 0 3.75em;
+        border-radius: 0 7.5em 7.5em 0; }
+    .swal2-icon.swal2-success .swal2-success-ring {
+      position: absolute;
+      z-index: 2;
+      top: -.25em;
+      left: -.25em;
+      box-sizing: content-box;
+      width: 100%;
+      height: 100%;
+      border: 0.25em solid rgba(165, 220, 134, 0.3);
+      border-radius: 50%; }
+    .swal2-icon.swal2-success .swal2-success-fix {
+      position: absolute;
+      z-index: 1;
+      top: .5em;
+      left: 1.625em;
+      width: .4375em;
+      height: 5.625em;
+      transform: rotate(-45deg); }
+    .swal2-icon.swal2-success [class^='swal2-success-line'] {
+      display: block;
+      position: absolute;
+      z-index: 2;
+      height: .3125em;
+      border-radius: .125em;
+      background-color: #a5dc86; }
+      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
+        top: 2.875em;
+        left: .8125em;
+        width: 1.5625em;
+        transform: rotate(45deg); }
+      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
+        top: 2.375em;
+        right: .5em;
+        width: 2.9375em;
+        transform: rotate(-45deg); }
+    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
+      -webkit-animation: swal2-animate-success-line-tip .75s;
+              animation: swal2-animate-success-line-tip .75s; }
+    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
+      -webkit-animation: swal2-animate-success-line-long .75s;
+              animation: swal2-animate-success-line-long .75s; }
+    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
+      -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
+              animation: swal2-rotate-success-circular-line 4.25s ease-in; }
+
+.swal2-progress-steps {
+  flex-wrap: wrap;
+  align-items: center;
+  max-width: 100%;
+  margin: 0 0 1.25em;
+  padding: 0;
+  background: inherit;
+  font-weight: 600; }
+  .swal2-progress-steps li {
+    display: inline-block;
+    position: relative; }
+  .swal2-progress-steps .swal2-progress-step {
+    z-index: 20;
+    flex-shrink: 0;
+    width: 2em;
+    height: 2em;
+    border-radius: 2em;
+    background: #2778c4;
+    color: #fff;
+    line-height: 2em;
+    text-align: center; }
+    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
+      background: #2778c4; }
+      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+        background: #58585b;
+        color: #fff; }
+      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
+        background: #58585b; }
+  .swal2-progress-steps .swal2-progress-step-line {
+    z-index: 10;
+    flex-shrink: 0;
+    width: 2.5em;
+    height: .4em;
+    margin: 0 -1px;
+    background: #2778c4; }
+
+[class^='swal2'] {
+  -webkit-tap-highlight-color: transparent; }
+
+.swal2-show {
+  -webkit-animation: swal2-show 0.3s;
+          animation: swal2-show 0.3s; }
+
+.swal2-hide {
+  -webkit-animation: swal2-hide 0.15s forwards;
+          animation: swal2-hide 0.15s forwards; }
+
+.swal2-noanimation {
+  transition: none; }
+
+.swal2-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll; }
+
+.swal2-rtl .swal2-close {
+  right: auto;
+  left: 0; }
+
+.swal2-rtl .swal2-timer-progress-bar {
+  right: 0;
+  left: auto; }
+
+@supports (-ms-accelerator: true) {
+  .swal2-range input {
+    width: 100% !important; }
+  .swal2-range output {
+    display: none; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  .swal2-range input {
+    width: 100% !important; }
+  .swal2-range output {
+    display: none; } }
+
+@-webkit-keyframes swal2-toast-show {
+  0% {
+    transform: translateY(-0.625em) rotateZ(2deg); }
+  33% {
+    transform: translateY(0) rotateZ(-2deg); }
+  66% {
+    transform: translateY(0.3125em) rotateZ(2deg); }
+  100% {
+    transform: translateY(0) rotateZ(0deg); } }
+
+@keyframes swal2-toast-show {
+  0% {
+    transform: translateY(-0.625em) rotateZ(2deg); }
+  33% {
+    transform: translateY(0) rotateZ(-2deg); }
+  66% {
+    transform: translateY(0.3125em) rotateZ(2deg); }
+  100% {
+    transform: translateY(0) rotateZ(0deg); } }
+
+@-webkit-keyframes swal2-toast-hide {
+  100% {
+    transform: rotateZ(1deg);
+    opacity: 0; } }
+
+@keyframes swal2-toast-hide {
+  100% {
+    transform: rotateZ(1deg);
+    opacity: 0; } }
+
+@-webkit-keyframes swal2-toast-animate-success-line-tip {
+  0% {
+    top: .5625em;
+    left: .0625em;
+    width: 0; }
+  54% {
+    top: .125em;
+    left: .125em;
+    width: 0; }
+  70% {
+    top: .625em;
+    left: -.25em;
+    width: 1.625em; }
+  84% {
+    top: 1.0625em;
+    left: .75em;
+    width: .5em; }
+  100% {
+    top: 1.125em;
+    left: .1875em;
+    width: .75em; } }
+
+@keyframes swal2-toast-animate-success-line-tip {
+  0% {
+    top: .5625em;
+    left: .0625em;
+    width: 0; }
+  54% {
+    top: .125em;
+    left: .125em;
+    width: 0; }
+  70% {
+    top: .625em;
+    left: -.25em;
+    width: 1.625em; }
+  84% {
+    top: 1.0625em;
+    left: .75em;
+    width: .5em; }
+  100% {
+    top: 1.125em;
+    left: .1875em;
+    width: .75em; } }
+
+@-webkit-keyframes swal2-toast-animate-success-line-long {
+  0% {
+    top: 1.625em;
+    right: 1.375em;
+    width: 0; }
+  65% {
+    top: 1.25em;
+    right: .9375em;
+    width: 0; }
+  84% {
+    top: .9375em;
+    right: 0;
+    width: 1.125em; }
+  100% {
+    top: .9375em;
+    right: .1875em;
+    width: 1.375em; } }
+
+@keyframes swal2-toast-animate-success-line-long {
+  0% {
+    top: 1.625em;
+    right: 1.375em;
+    width: 0; }
+  65% {
+    top: 1.25em;
+    right: .9375em;
+    width: 0; }
+  84% {
+    top: .9375em;
+    right: 0;
+    width: 1.125em; }
+  100% {
+    top: .9375em;
+    right: .1875em;
+    width: 1.375em; } }
+
+@-webkit-keyframes swal2-show {
+  0% {
+    transform: scale(0.7); }
+  45% {
+    transform: scale(1.05); }
+  80% {
+    transform: scale(0.95); }
+  100% {
+    transform: scale(1); } }
+
+@keyframes swal2-show {
+  0% {
+    transform: scale(0.7); }
+  45% {
+    transform: scale(1.05); }
+  80% {
+    transform: scale(0.95); }
+  100% {
+    transform: scale(1); } }
+
+@-webkit-keyframes swal2-hide {
+  0% {
+    transform: scale(1);
+    opacity: 1; }
+  100% {
+    transform: scale(0.5);
+    opacity: 0; } }
+
+@keyframes swal2-hide {
+  0% {
+    transform: scale(1);
+    opacity: 1; }
+  100% {
+    transform: scale(0.5);
+    opacity: 0; } }
+
+@-webkit-keyframes swal2-animate-success-line-tip {
+  0% {
+    top: 1.1875em;
+    left: .0625em;
+    width: 0; }
+  54% {
+    top: 1.0625em;
+    left: .125em;
+    width: 0; }
+  70% {
+    top: 2.1875em;
+    left: -.375em;
+    width: 3.125em; }
+  84% {
+    top: 3em;
+    left: 1.3125em;
+    width: 1.0625em; }
+  100% {
+    top: 2.8125em;
+    left: .8125em;
+    width: 1.5625em; } }
+
+@keyframes swal2-animate-success-line-tip {
+  0% {
+    top: 1.1875em;
+    left: .0625em;
+    width: 0; }
+  54% {
+    top: 1.0625em;
+    left: .125em;
+    width: 0; }
+  70% {
+    top: 2.1875em;
+    left: -.375em;
+    width: 3.125em; }
+  84% {
+    top: 3em;
+    left: 1.3125em;
+    width: 1.0625em; }
+  100% {
+    top: 2.8125em;
+    left: .8125em;
+    width: 1.5625em; } }
+
+@-webkit-keyframes swal2-animate-success-line-long {
+  0% {
+    top: 3.375em;
+    right: 2.875em;
+    width: 0; }
+  65% {
+    top: 3.375em;
+    right: 2.875em;
+    width: 0; }
+  84% {
+    top: 2.1875em;
+    right: 0;
+    width: 3.4375em; }
+  100% {
+    top: 2.375em;
+    right: .5em;
+    width: 2.9375em; } }
+
+@keyframes swal2-animate-success-line-long {
+  0% {
+    top: 3.375em;
+    right: 2.875em;
+    width: 0; }
+  65% {
+    top: 3.375em;
+    right: 2.875em;
+    width: 0; }
+  84% {
+    top: 2.1875em;
+    right: 0;
+    width: 3.4375em; }
+  100% {
+    top: 2.375em;
+    right: .5em;
+    width: 2.9375em; } }
+
+@-webkit-keyframes swal2-rotate-success-circular-line {
+  0% {
+    transform: rotate(-45deg); }
+  5% {
+    transform: rotate(-45deg); }
+  12% {
+    transform: rotate(-405deg); }
+  100% {
+    transform: rotate(-405deg); } }
+
+@keyframes swal2-rotate-success-circular-line {
+  0% {
+    transform: rotate(-45deg); }
+  5% {
+    transform: rotate(-45deg); }
+  12% {
+    transform: rotate(-405deg); }
+  100% {
+    transform: rotate(-405deg); } }
+
+@-webkit-keyframes swal2-animate-error-x-mark {
+  0% {
+    margin-top: 1.625em;
+    transform: scale(0.4);
+    opacity: 0; }
+  50% {
+    margin-top: 1.625em;
+    transform: scale(0.4);
+    opacity: 0; }
+  80% {
+    margin-top: -.375em;
+    transform: scale(1.15); }
+  100% {
+    margin-top: 0;
+    transform: scale(1);
+    opacity: 1; } }
+
+@keyframes swal2-animate-error-x-mark {
+  0% {
+    margin-top: 1.625em;
+    transform: scale(0.4);
+    opacity: 0; }
+  50% {
+    margin-top: 1.625em;
+    transform: scale(0.4);
+    opacity: 0; }
+  80% {
+    margin-top: -.375em;
+    transform: scale(1.15); }
+  100% {
+    margin-top: 0;
+    transform: scale(1);
+    opacity: 1; } }
+
+@-webkit-keyframes swal2-animate-error-icon {
+  0% {
+    transform: rotateX(100deg);
+    opacity: 0; }
+  100% {
+    transform: rotateX(0deg);
+    opacity: 1; } }
+
+@keyframes swal2-animate-error-icon {
+  0% {
+    transform: rotateX(100deg);
+    opacity: 0; }
+  100% {
+    transform: rotateX(0deg);
+    opacity: 1; } }
+
+@-webkit-keyframes swal2-rotate-loading {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
+@keyframes swal2-rotate-loading {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
+body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+  overflow: hidden; }
+
+body.swal2-height-auto {
+  height: auto !important; }
+
+body.swal2-no-backdrop .swal2-container {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  max-width: calc(100% - 0.625em * 2);
+  background-color: transparent !important; }
+  body.swal2-no-backdrop .swal2-container > .swal2-modal {
+    box-shadow: 0 0 10px rgba(25, 25, 26, 0.75); }
+  body.swal2-no-backdrop .swal2-container.swal2-top {
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
+    top: 0;
+    left: 0; }
+  body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
+    top: 0;
+    right: 0; }
+  body.swal2-no-backdrop .swal2-container.swal2-center {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
+    top: 50%;
+    left: 0;
+    transform: translateY(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
+    top: 50%;
+    right: 0;
+    transform: translateY(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-bottom {
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
+    bottom: 0;
+    left: 0; }
+  body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
+    right: 0;
+    bottom: 0; }
+
+@media print {
+  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+    overflow-y: scroll !important; }
+    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
+      display: none; }
+    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
+      position: static !important; } }
+
+body.swal2-toast-shown .swal2-container {
+  background-color: transparent; }
+  body.swal2-toast-shown .swal2-container.swal2-top {
+    top: 0;
+    right: auto;
+    bottom: auto;
+    left: 50%;
+    transform: translateX(-50%); }
+  body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: auto; }
+  body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
+    top: 0;
+    right: auto;
+    bottom: auto;
+    left: 0; }
+  body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
+    top: 50%;
+    right: auto;
+    bottom: auto;
+    left: 0;
+    transform: translateY(-50%); }
+  body.swal2-toast-shown .swal2-container.swal2-center {
+    top: 50%;
+    right: auto;
+    bottom: auto;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+  body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
+    top: 50%;
+    right: 0;
+    bottom: auto;
+    left: auto;
+    transform: translateY(-50%); }
+  body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 0;
+    left: 0; }
+  body.swal2-toast-shown .swal2-container.swal2-bottom {
+    top: auto;
+    right: auto;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%); }
+  body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
+    top: auto;
+    right: 0;
+    bottom: 0;
+    left: auto; }
diff --git a/Moonlight/wwwroot/css/utils.css b/Moonlight/wwwroot/css/utils.css
new file mode 100644
index 0000000..4041643
--- /dev/null
+++ b/Moonlight/wwwroot/css/utils.css
@@ -0,0 +1,21 @@
+.invisible-a {
+    color: inherit;
+    cursor: pointer;
+}
+
+.invisible-a:hover {
+    color: inherit;
+    cursor: pointer;
+}
+
+.blur-unless-hover {
+    filter: blur(5px);
+}
+
+.blur-unless-hover:hover {
+    filter: none;
+}
+
+.blur {
+    filter: blur(5px);
+}
\ No newline at end of file
diff --git a/Moonlight/wwwroot/js/moonlight.js b/Moonlight/wwwroot/js/moonlight.js
index 5848099..def10b7 100644
--- a/Moonlight/wwwroot/js/moonlight.js
+++ b/Moonlight/wwwroot/js/moonlight.js
@@ -21,5 +21,89 @@ window.moonlight = {
             var toast = new ToastHelper(title, message, color, timeout);
             toast.show();
         }
+    },
+    modals: {
+        show: function (id)
+        {
+            let modal = new bootstrap.Modal(document.getElementById(id));
+            modal.show();
+        },
+        hide: function (id)
+        {
+            let element = document.getElementById(id)
+            let modal = bootstrap.Modal.getInstance(element)
+            modal.hide()
+        }
+    },
+    alerts: {
+        getHelper: function(){
+            return Swal.mixin({
+                customClass: {
+                    confirmButton: 'btn btn-success',
+                    cancelButton: 'btn btn-danger',
+                    denyButton: 'btn btn-danger',
+                    htmlContainer: 'text-white'
+                },
+                buttonsStyling: false
+            });
+        },
+        info: function (title, description) {
+            this.getHelper().fire(
+                title,
+                description,
+                'info'
+            )
+        },
+        success: function (title, description) {
+            this.getHelper().fire(
+                title,
+                description,
+                'success'
+            )
+        },
+        warning: function (title, description) {
+            this.getHelper().fire(
+                title,
+                description,
+                'warning'
+            )
+        },
+        error: function (title, description) {
+            this.getHelper().fire(
+                title,
+                description,
+                'error'
+            )
+        },
+        yesno: function (title, yesText, noText) {
+            return this.getHelper().fire({
+                title: title,
+                showDenyButton: true,
+                confirmButtonText: yesText,
+                denyButtonText: noText,
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    return true;
+                } else if (result.isDenied) {
+                    return false;
+                }
+            })
+        },
+        text: function (title, description) {
+            const {value: text} = this.getHelper().fire({
+                title: title,
+                input: 'text',
+                inputLabel: description,
+                inputValue: "",
+                showCancelButton: false,
+                inputValidator: (value) => {
+                    if (!value) {
+                        return 'You need to enter a value'
+                    }
+                }
+            })
+
+            return text;
+        }
     }
 }
\ No newline at end of file
diff --git a/Moonlight/wwwroot/js/sweetalert2.js b/Moonlight/wwwroot/js/sweetalert2.js
new file mode 100644
index 0000000..1cb1d47
--- /dev/null
+++ b/Moonlight/wwwroot/js/sweetalert2.js
@@ -0,0 +1,6 @@
+/*!
+* sweetalert2 v11.7.32
+* Released under the MIT License.
+*/
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Sweetalert2=e()}(this,(function(){"use strict";function t(t,e){return function(t,e){if(e.get)return e.get.call(t);return e.value}(t,n(t,e,"get"))}function e(t,e,o){return function(t,e,n){if(e.set)e.set.call(t,n);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=n}}(t,n(t,e,"set"),o),o}function n(t,e,n){if(!e.has(t))throw new TypeError("attempted to "+n+" private field on non-instance");return e.get(t)}function o(t,e,n){!function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}(t,e),e.set(t,n)}const i={},s=t=>new Promise((e=>{if(!t)return e();const n=window.scrollX,o=window.scrollY;i.restoreFocusTimeout=setTimeout((()=>{i.previousActiveElement instanceof HTMLElement?(i.previousActiveElement.focus(),i.previousActiveElement=null):document.body&&document.body.focus(),e()}),100),window.scrollTo(n,o)})),r="swal2-",a=["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","show","hide","close","title","html-container","actions","confirm","deny","cancel","default-outline","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error"].reduce(((t,e)=>(t[e]=r+e,t)),{}),c=["success","warning","info","question","error"].reduce(((t,e)=>(t[e]=r+e,t)),{}),l="SweetAlert2:",u=t=>t.charAt(0).toUpperCase()+t.slice(1),d=t=>{console.warn("".concat(l," ").concat("object"==typeof t?t.join(" "):t))},p=t=>{console.error("".concat(l," ").concat(t))},m=[],g=(t,e)=>{var n;n='"'.concat(t,'" is deprecated and will be removed in the next major release. Please use "').concat(e,'" instead.'),m.includes(n)||(m.push(n),d(n))},h=t=>"function"==typeof t?t():t,f=t=>t&&"function"==typeof t.toPromise,b=t=>f(t)?t.toPromise():Promise.resolve(t),y=t=>t&&Promise.resolve(t)===t,w=()=>document.body.querySelector(".".concat(a.container)),v=t=>{const e=w();return e?e.querySelector(t):null},C=t=>v(".".concat(t)),A=()=>C(a.popup),k=()=>C(a.icon),B=()=>C(a.title),E=()=>C(a["html-container"]),x=()=>C(a.image),P=()=>C(a["progress-steps"]),T=()=>C(a["validation-message"]),L=()=>v(".".concat(a.actions," .").concat(a.confirm)),S=()=>v(".".concat(a.actions," .").concat(a.cancel)),O=()=>v(".".concat(a.actions," .").concat(a.deny)),M=()=>v(".".concat(a.loader)),j=()=>C(a.actions),H=()=>C(a.footer),I=()=>C(a["timer-progress-bar"]),D=()=>C(a.close),q=()=>{const t=A();if(!t)return[];const e=t.querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])'),n=Array.from(e).sort(((t,e)=>{const n=parseInt(t.getAttribute("tabindex")||"0"),o=parseInt(e.getAttribute("tabindex")||"0");return n>o?1:n<o?-1:0})),o=t.querySelectorAll('\n  a[href],\n  area[href],\n  input:not([disabled]),\n  select:not([disabled]),\n  textarea:not([disabled]),\n  button:not([disabled]),\n  iframe,\n  object,\n  embed,\n  [tabindex="0"],\n  [contenteditable],\n  audio[controls],\n  video[controls],\n  summary\n'),i=Array.from(o).filter((t=>"-1"!==t.getAttribute("tabindex")));return[...new Set(n.concat(i))].filter((t=>tt(t)))},V=()=>_(document.body,a.shown)&&!_(document.body,a["toast-shown"])&&!_(document.body,a["no-backdrop"]),N=()=>{const t=A();return!!t&&_(t,a.toast)},F=(t,e)=>{if(t.textContent="",e){const n=(new DOMParser).parseFromString(e,"text/html"),o=n.querySelector("head");o&&Array.from(o.childNodes).forEach((e=>{t.appendChild(e)}));const i=n.querySelector("body");i&&Array.from(i.childNodes).forEach((e=>{e instanceof HTMLVideoElement||e instanceof HTMLAudioElement?t.appendChild(e.cloneNode(!0)):t.appendChild(e)}))}},_=(t,e)=>{if(!e)return!1;const n=e.split(/\s+/);for(let e=0;e<n.length;e++)if(!t.classList.contains(n[e]))return!1;return!0},R=(t,e,n)=>{if(((t,e)=>{Array.from(t.classList).forEach((n=>{Object.values(a).includes(n)||Object.values(c).includes(n)||Object.values(e.showClass||{}).includes(n)||t.classList.remove(n)}))})(t,e),e.customClass&&e.customClass[n]){if("string"!=typeof e.customClass[n]&&!e.customClass[n].forEach)return void d("Invalid type of customClass.".concat(n,'! Expected string or iterable object, got "').concat(typeof e.customClass[n],'"'));K(t,e.customClass[n])}},U=(t,e)=>{if(!e)return null;switch(e){case"select":case"textarea":case"file":return t.querySelector(".".concat(a.popup," > .").concat(a[e]));case"checkbox":return t.querySelector(".".concat(a.popup," > .").concat(a.checkbox," input"));case"radio":return t.querySelector(".".concat(a.popup," > .").concat(a.radio," input:checked"))||t.querySelector(".".concat(a.popup," > .").concat(a.radio," input:first-child"));case"range":return t.querySelector(".".concat(a.popup," > .").concat(a.range," input"));default:return t.querySelector(".".concat(a.popup," > .").concat(a.input))}},z=t=>{if(t.focus(),"file"!==t.type){const e=t.value;t.value="",t.value=e}},W=(t,e,n)=>{t&&e&&("string"==typeof e&&(e=e.split(/\s+/).filter(Boolean)),e.forEach((e=>{Array.isArray(t)?t.forEach((t=>{n?t.classList.add(e):t.classList.remove(e)})):n?t.classList.add(e):t.classList.remove(e)})))},K=(t,e)=>{W(t,e,!0)},Y=(t,e)=>{W(t,e,!1)},Z=(t,e)=>{const n=Array.from(t.children);for(let t=0;t<n.length;t++){const o=n[t];if(o instanceof HTMLElement&&_(o,e))return o}},$=(t,e,n)=>{n==="".concat(parseInt(n))&&(n=parseInt(n)),n||0===parseInt(n)?t.style[e]="number"==typeof n?"".concat(n,"px"):n:t.style.removeProperty(e)},J=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"flex";t&&(t.style.display=e)},X=t=>{t&&(t.style.display="none")},G=(t,e,n,o)=>{const i=t.querySelector(e);i&&(i.style[n]=o)},Q=function(t,e){e?J(t,arguments.length>2&&void 0!==arguments[2]?arguments[2]:"flex"):X(t)},tt=t=>!(!t||!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)),et=t=>!!(t.scrollHeight>t.clientHeight),nt=t=>{const e=window.getComputedStyle(t),n=parseFloat(e.getPropertyValue("animation-duration")||"0"),o=parseFloat(e.getPropertyValue("transition-duration")||"0");return n>0||o>0},ot=function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const n=I();n&&tt(n)&&(e&&(n.style.transition="none",n.style.width="100%"),setTimeout((()=>{n.style.transition="width ".concat(t/1e3,"s linear"),n.style.width="0%"}),10))},it=()=>"undefined"==typeof window||"undefined"==typeof document,st='\n <div aria-labelledby="'.concat(a.title,'" aria-describedby="').concat(a["html-container"],'" class="').concat(a.popup,'" tabindex="-1">\n   <button type="button" class="').concat(a.close,'"></button>\n   <ul class="').concat(a["progress-steps"],'"></ul>\n   <div class="').concat(a.icon,'"></div>\n   <img class="').concat(a.image,'" />\n   <h2 class="').concat(a.title,'" id="').concat(a.title,'"></h2>\n   <div class="').concat(a["html-container"],'" id="').concat(a["html-container"],'"></div>\n   <input class="').concat(a.input,'" id="').concat(a.input,'" />\n   <input type="file" class="').concat(a.file,'" />\n   <div class="').concat(a.range,'">\n     <input type="range" />\n     <output></output>\n   </div>\n   <select class="').concat(a.select,'" id="').concat(a.select,'"></select>\n   <div class="').concat(a.radio,'"></div>\n   <label class="').concat(a.checkbox,'">\n     <input type="checkbox" id="').concat(a.checkbox,'" />\n     <span class="').concat(a.label,'"></span>\n   </label>\n   <textarea class="').concat(a.textarea,'" id="').concat(a.textarea,'"></textarea>\n   <div class="').concat(a["validation-message"],'" id="').concat(a["validation-message"],'"></div>\n   <div class="').concat(a.actions,'">\n     <div class="').concat(a.loader,'"></div>\n     <button type="button" class="').concat(a.confirm,'"></button>\n     <button type="button" class="').concat(a.deny,'"></button>\n     <button type="button" class="').concat(a.cancel,'"></button>\n   </div>\n   <div class="').concat(a.footer,'"></div>\n   <div class="').concat(a["timer-progress-bar-container"],'">\n     <div class="').concat(a["timer-progress-bar"],'"></div>\n   </div>\n </div>\n').replace(/(^|\n)\s*/g,""),rt=()=>{i.currentInstance.resetValidationMessage()},at=t=>{const e=(()=>{const t=w();return!!t&&(t.remove(),Y([document.documentElement,document.body],[a["no-backdrop"],a["toast-shown"],a["has-column"]]),!0)})();if(it())return void p("SweetAlert2 requires document to initialize");const n=document.createElement("div");n.className=a.container,e&&K(n,a["no-transition"]),F(n,st);const o="string"==typeof(i=t.target)?document.querySelector(i):i;var i;o.appendChild(n),(t=>{const e=A();e.setAttribute("role",t.toast?"alert":"dialog"),e.setAttribute("aria-live",t.toast?"polite":"assertive"),t.toast||e.setAttribute("aria-modal","true")})(t),(t=>{"rtl"===window.getComputedStyle(t).direction&&K(w(),a.rtl)})(o),(()=>{const t=A(),e=Z(t,a.input),n=Z(t,a.file),o=t.querySelector(".".concat(a.range," input")),i=t.querySelector(".".concat(a.range," output")),s=Z(t,a.select),r=t.querySelector(".".concat(a.checkbox," input")),c=Z(t,a.textarea);e.oninput=rt,n.onchange=rt,s.onchange=rt,r.onchange=rt,c.oninput=rt,o.oninput=()=>{rt(),i.value=o.value},o.onchange=()=>{rt(),i.value=o.value}})()},ct=(t,e)=>{t instanceof HTMLElement?e.appendChild(t):"object"==typeof t?lt(t,e):t&&F(e,t)},lt=(t,e)=>{t.jquery?ut(e,t):F(e,t.toString())},ut=(t,e)=>{if(t.textContent="",0 in e)for(let n=0;n in e;n++)t.appendChild(e[n].cloneNode(!0));else t.appendChild(e.cloneNode(!0))},dt=(()=>{if(it())return!1;const t=document.createElement("div");return void 0!==t.style.webkitAnimation?"webkitAnimationEnd":void 0!==t.style.animation&&"animationend"})(),pt=(t,e)=>{const n=j(),o=M();n&&o&&(e.showConfirmButton||e.showDenyButton||e.showCancelButton?J(n):X(n),R(n,e,"actions"),function(t,e,n){const o=L(),i=O(),s=S();if(!o||!i||!s)return;mt(o,"confirm",n),mt(i,"deny",n),mt(s,"cancel",n),function(t,e,n,o){if(!o.buttonsStyling)return void Y([t,e,n],a.styled);K([t,e,n],a.styled),o.confirmButtonColor&&(t.style.backgroundColor=o.confirmButtonColor,K(t,a["default-outline"]));o.denyButtonColor&&(e.style.backgroundColor=o.denyButtonColor,K(e,a["default-outline"]));o.cancelButtonColor&&(n.style.backgroundColor=o.cancelButtonColor,K(n,a["default-outline"]))}(o,i,s,n),n.reverseButtons&&(n.toast?(t.insertBefore(s,o),t.insertBefore(i,o)):(t.insertBefore(s,e),t.insertBefore(i,e),t.insertBefore(o,e)))}(n,o,e),F(o,e.loaderHtml||""),R(o,e,"loader"))};function mt(t,e,n){const o=u(e);Q(t,n["show".concat(o,"Button")],"inline-block"),F(t,n["".concat(e,"ButtonText")]||""),t.setAttribute("aria-label",n["".concat(e,"ButtonAriaLabel")]||""),t.className=a[e],R(t,n,"".concat(e,"Button"))}const gt=(t,e)=>{const n=w();n&&(!function(t,e){"string"==typeof e?t.style.background=e:e||K([document.documentElement,document.body],a["no-backdrop"])}(n,e.backdrop),function(t,e){if(!e)return;e in a?K(t,a[e]):(d('The "position" parameter is not valid, defaulting to "center"'),K(t,a.center))}(n,e.position),function(t,e){if(!e)return;K(t,a["grow-".concat(e)])}(n,e.grow),R(n,e,"container"))};var ht={innerParams:new WeakMap,domCache:new WeakMap};const ft=["input","file","range","select","radio","checkbox","textarea"],bt=t=>{if(!t.input)return;if(!Bt[t.input])return void p('Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "'.concat(t.input,'"'));const e=At(t.input),n=Bt[t.input](e,t);J(e),t.inputAutoFocus&&setTimeout((()=>{z(n)}))},yt=(t,e)=>{const n=U(A(),t);if(n){(t=>{for(let e=0;e<t.attributes.length;e++){const n=t.attributes[e].name;["id","type","value","style"].includes(n)||t.removeAttribute(n)}})(n);for(const t in e)n.setAttribute(t,e[t])}},wt=t=>{const e=At(t.input);"object"==typeof t.customClass&&K(e,t.customClass.input)},vt=(t,e)=>{t.placeholder&&!e.inputPlaceholder||(t.placeholder=e.inputPlaceholder)},Ct=(t,e,n)=>{if(n.inputLabel){const o=document.createElement("label"),i=a["input-label"];o.setAttribute("for",t.id),o.className=i,"object"==typeof n.customClass&&K(o,n.customClass.inputLabel),o.innerText=n.inputLabel,e.insertAdjacentElement("beforebegin",o)}},At=t=>Z(A(),a[t]||a.input),kt=(t,e)=>{["string","number"].includes(typeof e)?t.value="".concat(e):y(e)||d('Unexpected type of inputValue! Expected "string", "number" or "Promise", got "'.concat(typeof e,'"'))},Bt={};Bt.text=Bt.email=Bt.password=Bt.number=Bt.tel=Bt.url=(t,e)=>(kt(t,e.inputValue),Ct(t,t,e),vt(t,e),t.type=e.input,t),Bt.file=(t,e)=>(Ct(t,t,e),vt(t,e),t),Bt.range=(t,e)=>{const n=t.querySelector("input"),o=t.querySelector("output");return kt(n,e.inputValue),n.type=e.input,kt(o,e.inputValue),Ct(n,t,e),t},Bt.select=(t,e)=>{if(t.textContent="",e.inputPlaceholder){const n=document.createElement("option");F(n,e.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,t.appendChild(n)}return Ct(t,t,e),t},Bt.radio=t=>(t.textContent="",t),Bt.checkbox=(t,e)=>{const n=U(A(),"checkbox");n.value="1",n.checked=Boolean(e.inputValue);const o=t.querySelector("span");return F(o,e.inputPlaceholder),n},Bt.textarea=(t,e)=>{kt(t,e.inputValue),vt(t,e),Ct(t,t,e);return setTimeout((()=>{if("MutationObserver"in window){const n=parseInt(window.getComputedStyle(A()).width);new MutationObserver((()=>{if(!document.body.contains(t))return;const o=t.offsetWidth+(i=t,parseInt(window.getComputedStyle(i).marginLeft)+parseInt(window.getComputedStyle(i).marginRight));var i;o>n?A().style.width="".concat(o,"px"):$(A(),"width",e.width)})).observe(t,{attributes:!0,attributeFilter:["style"]})}})),t};const Et=(t,e)=>{const n=E();n&&(R(n,e,"htmlContainer"),e.html?(ct(e.html,n),J(n,"block")):e.text?(n.textContent=e.text,J(n,"block")):X(n),((t,e)=>{const n=A();if(!n)return;const o=ht.innerParams.get(t),i=!o||e.input!==o.input;ft.forEach((t=>{const o=Z(n,a[t]);o&&(yt(t,e.inputAttributes),o.className=a[t],i&&X(o))})),e.input&&(i&&bt(e),wt(e))})(t,e))},xt=(t,e)=>{for(const[n,o]of Object.entries(c))e.icon!==n&&Y(t,o);K(t,e.icon&&c[e.icon]),Lt(t,e),Pt(),R(t,e,"icon")},Pt=()=>{const t=A();if(!t)return;const e=window.getComputedStyle(t).getPropertyValue("background-color"),n=t.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");for(let t=0;t<n.length;t++)n[t].style.backgroundColor=e},Tt=(t,e)=>{if(!e.icon&&!e.iconHtml)return;let n=t.innerHTML,o="";if(e.iconHtml)o=St(e.iconHtml);else if("success"===e.icon)o='\n  <div class="swal2-success-circular-line-left"></div>\n  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n  <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>\n  <div class="swal2-success-circular-line-right"></div>\n',n=n.replace(/ style=".*?"/g,"");else if("error"===e.icon)o='\n  <span class="swal2-x-mark">\n    <span class="swal2-x-mark-line-left"></span>\n    <span class="swal2-x-mark-line-right"></span>\n  </span>\n';else if(e.icon){o=St({question:"?",warning:"!",info:"i"}[e.icon])}n.trim()!==o.trim()&&F(t,o)},Lt=(t,e)=>{if(e.iconColor){t.style.color=e.iconColor,t.style.borderColor=e.iconColor;for(const n of[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"])G(t,n,"backgroundColor",e.iconColor);G(t,".swal2-success-ring","borderColor",e.iconColor)}},St=t=>'<div class="'.concat(a["icon-content"],'">').concat(t,"</div>"),Ot=(t,e)=>{const n=e.showClass||{};t.className="".concat(a.popup," ").concat(tt(t)?n.popup:""),e.toast?(K([document.documentElement,document.body],a["toast-shown"]),K(t,a.toast)):K(t,a.modal),R(t,e,"popup"),"string"==typeof e.customClass&&K(t,e.customClass),e.icon&&K(t,a["icon-".concat(e.icon)])},Mt=t=>{const e=document.createElement("li");return K(e,a["progress-step"]),F(e,t),e},jt=t=>{const e=document.createElement("li");return K(e,a["progress-step-line"]),t.progressStepsDistance&&$(e,"width",t.progressStepsDistance),e},Ht=(t,e)=>{((t,e)=>{const n=w(),o=A();if(n&&o){if(e.toast){$(n,"width",e.width),o.style.width="100%";const t=M();t&&o.insertBefore(t,k())}else $(o,"width",e.width);$(o,"padding",e.padding),e.color&&(o.style.color=e.color),e.background&&(o.style.background=e.background),X(T()),Ot(o,e)}})(0,e),gt(0,e),((t,e)=>{const n=P();if(!n)return;const{progressSteps:o,currentProgressStep:i}=e;o&&0!==o.length&&void 0!==i?(J(n),n.textContent="",i>=o.length&&d("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),o.forEach(((t,s)=>{const r=Mt(t);if(n.appendChild(r),s===i&&K(r,a["active-progress-step"]),s!==o.length-1){const t=jt(e);n.appendChild(t)}}))):X(n)})(0,e),((t,e)=>{const n=ht.innerParams.get(t),o=k();if(o){if(n&&e.icon===n.icon)return Tt(o,e),void xt(o,e);if(e.icon||e.iconHtml){if(e.icon&&-1===Object.keys(c).indexOf(e.icon))return p('Unknown icon! Expected "success", "error", "warning", "info" or "question", got "'.concat(e.icon,'"')),void X(o);J(o),Tt(o,e),xt(o,e),K(o,e.showClass&&e.showClass.icon)}else X(o)}})(t,e),((t,e)=>{const n=x();n&&(e.imageUrl?(J(n,""),n.setAttribute("src",e.imageUrl),n.setAttribute("alt",e.imageAlt||""),$(n,"width",e.imageWidth),$(n,"height",e.imageHeight),n.className=a.image,R(n,e,"image")):X(n))})(0,e),((t,e)=>{const n=B();n&&(Q(n,e.title||e.titleText,"block"),e.title&&ct(e.title,n),e.titleText&&(n.innerText=e.titleText),R(n,e,"title"))})(0,e),((t,e)=>{const n=D();n&&(F(n,e.closeButtonHtml||""),R(n,e,"closeButton"),Q(n,e.showCloseButton),n.setAttribute("aria-label",e.closeButtonAriaLabel||""))})(0,e),Et(t,e),pt(0,e),((t,e)=>{const n=H();n&&(Q(n,e.footer,"block"),e.footer&&ct(e.footer,n),R(n,e,"footer"))})(0,e);const n=A();"function"==typeof e.didRender&&n&&e.didRender(n)},It=()=>{var t;return null===(t=L())||void 0===t?void 0:t.click()},Dt=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),qt=t=>{t.keydownTarget&&t.keydownHandlerAdded&&(t.keydownTarget.removeEventListener("keydown",t.keydownHandler,{capture:t.keydownListenerCapture}),t.keydownHandlerAdded=!1)},Vt=(t,e)=>{var n;const o=q();if(o.length)return(t+=e)===o.length?t=0:-1===t&&(t=o.length-1),void o[t].focus();null===(n=A())||void 0===n||n.focus()},Nt=["ArrowRight","ArrowDown"],Ft=["ArrowLeft","ArrowUp"],_t=(t,e,n)=>{t&&(e.isComposing||229===e.keyCode||(t.stopKeydownPropagation&&e.stopPropagation(),"Enter"===e.key?Rt(e,t):"Tab"===e.key?Ut(e):[...Nt,...Ft].includes(e.key)?zt(e.key):"Escape"===e.key&&Wt(e,t,n)))},Rt=(t,e)=>{if(!h(e.allowEnterKey))return;const n=U(A(),e.input);if(t.target&&n&&t.target instanceof HTMLElement&&t.target.outerHTML===n.outerHTML){if(["textarea","file"].includes(e.input))return;It(),t.preventDefault()}},Ut=t=>{const e=t.target,n=q();let o=-1;for(let t=0;t<n.length;t++)if(e===n[t]){o=t;break}t.shiftKey?Vt(o,-1):Vt(o,1),t.stopPropagation(),t.preventDefault()},zt=t=>{const e=j(),n=L(),o=O(),i=S();if(!(e&&n&&o&&i))return;const s=[n,o,i];if(document.activeElement instanceof HTMLElement&&!s.includes(document.activeElement))return;const r=Nt.includes(t)?"nextElementSibling":"previousElementSibling";let a=document.activeElement;if(a){for(let t=0;t<e.children.length;t++){if(a=a[r],!a)return;if(a instanceof HTMLButtonElement&&tt(a))break}a instanceof HTMLButtonElement&&a.focus()}},Wt=(t,e,n)=>{h(e.allowEscapeKey)&&(t.preventDefault(),n(Dt.esc))};var Kt={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};const Yt=()=>{Array.from(document.body.children).forEach((t=>{t.hasAttribute("data-previous-aria-hidden")?(t.setAttribute("aria-hidden",t.getAttribute("data-previous-aria-hidden")||""),t.removeAttribute("data-previous-aria-hidden")):t.removeAttribute("aria-hidden")}))},Zt="undefined"!=typeof window&&!!window.GestureEvent,$t=()=>{const t=w();if(!t)return;let e;t.ontouchstart=t=>{e=Jt(t)},t.ontouchmove=t=>{e&&(t.preventDefault(),t.stopPropagation())}},Jt=t=>{const e=t.target,n=w(),o=E();return!(!n||!o)&&(!Xt(t)&&!Gt(t)&&(e===n||!et(n)&&e instanceof HTMLElement&&"INPUT"!==e.tagName&&"TEXTAREA"!==e.tagName&&(!et(o)||!o.contains(e))))},Xt=t=>t.touches&&t.touches.length&&"stylus"===t.touches[0].touchType,Gt=t=>t.touches&&t.touches.length>1;let Qt=null;const te=t=>{null===Qt&&(document.body.scrollHeight>window.innerHeight||"scroll"===t)&&(Qt=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight="".concat(Qt+(()=>{const t=document.createElement("div");t.className=a["scrollbar-measure"],document.body.appendChild(t);const e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e})(),"px"))};function ee(t,e,n,o){N()?le(t,o):(s(n).then((()=>le(t,o))),qt(i)),Zt?(e.setAttribute("style","display:none !important"),e.removeAttribute("class"),e.innerHTML=""):e.remove(),V()&&(null!==Qt&&(document.body.style.paddingRight="".concat(Qt,"px"),Qt=null),(()=>{if(_(document.body,a.iosfix)){const t=parseInt(document.body.style.top,10);Y(document.body,a.iosfix),document.body.style.top="",document.body.scrollTop=-1*t}})(),Yt()),Y([document.documentElement,document.body],[a.shown,a["height-auto"],a["no-backdrop"],a["toast-shown"]])}function ne(t){t=re(t);const e=Kt.swalPromiseResolve.get(this),n=oe(this);this.isAwaitingPromise?t.isDismissed||(se(this),e(t)):n&&e(t)}const oe=t=>{const e=A();if(!e)return!1;const n=ht.innerParams.get(t);if(!n||_(e,n.hideClass.popup))return!1;Y(e,n.showClass.popup),K(e,n.hideClass.popup);const o=w();return Y(o,n.showClass.backdrop),K(o,n.hideClass.backdrop),ae(t,e,n),!0};function ie(t){const e=Kt.swalPromiseReject.get(this);se(this),e&&e(t)}const se=t=>{t.isAwaitingPromise&&(delete t.isAwaitingPromise,ht.innerParams.get(t)||t._destroy())},re=t=>void 0===t?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},t),ae=(t,e,n)=>{const o=w(),i=dt&&nt(e);"function"==typeof n.willClose&&n.willClose(e),i?ce(t,e,o,n.returnFocus,n.didClose):ee(t,o,n.returnFocus,n.didClose)},ce=(t,e,n,o,s)=>{dt&&(i.swalCloseEventFinishedCallback=ee.bind(null,t,n,o,s),e.addEventListener(dt,(function(t){t.target===e&&(i.swalCloseEventFinishedCallback(),delete i.swalCloseEventFinishedCallback)})))},le=(t,e)=>{setTimeout((()=>{"function"==typeof e&&e.bind(t.params)(),t._destroy&&t._destroy()}))},ue=t=>{let e=A();if(e||new _n,e=A(),!e)return;const n=M();N()?X(k()):de(e,t),J(n),e.setAttribute("data-loading","true"),e.setAttribute("aria-busy","true"),e.focus()},de=(t,e)=>{const n=j(),o=M();n&&o&&(!e&&tt(L())&&(e=L()),J(n),e&&(X(e),o.setAttribute("data-button-to-replace",e.className),n.insertBefore(o,e)),K([t,n],a.loading))},pe=t=>t.checked?1:0,me=t=>t.checked?t.value:null,ge=t=>t.files&&t.files.length?null!==t.getAttribute("multiple")?t.files:t.files[0]:null,he=(t,e)=>{const n=A();if(!n)return;const o=t=>{"select"===e.input?function(t,e,n){const o=Z(t,a.select);if(!o)return;const i=(t,e,o)=>{const i=document.createElement("option");i.value=o,F(i,e),i.selected=ye(o,n.inputValue),t.appendChild(i)};e.forEach((t=>{const e=t[0],n=t[1];if(Array.isArray(n)){const t=document.createElement("optgroup");t.label=e,t.disabled=!1,o.appendChild(t),n.forEach((e=>i(t,e[1],e[0])))}else i(o,n,e)})),o.focus()}(n,be(t),e):"radio"===e.input&&function(t,e,n){const o=Z(t,a.radio);if(!o)return;e.forEach((t=>{const e=t[0],i=t[1],s=document.createElement("input"),r=document.createElement("label");s.type="radio",s.name=a.radio,s.value=e,ye(e,n.inputValue)&&(s.checked=!0);const c=document.createElement("span");F(c,i),c.className=a.label,r.appendChild(s),r.appendChild(c),o.appendChild(r)}));const i=o.querySelectorAll("input");i.length&&i[0].focus()}(n,be(t),e)};f(e.inputOptions)||y(e.inputOptions)?(ue(L()),b(e.inputOptions).then((e=>{t.hideLoading(),o(e)}))):"object"==typeof e.inputOptions?o(e.inputOptions):p("Unexpected type of inputOptions! Expected object, Map or Promise, got ".concat(typeof e.inputOptions))},fe=(t,e)=>{const n=t.getInput();n&&(X(n),b(e.inputValue).then((o=>{n.value="number"===e.input?"".concat(parseFloat(o)||0):"".concat(o),J(n),n.focus(),t.hideLoading()})).catch((e=>{p("Error in inputValue promise: ".concat(e)),n.value="",J(n),n.focus(),t.hideLoading()})))};const be=t=>{const e=[];return t instanceof Map?t.forEach(((t,n)=>{let o=t;"object"==typeof o&&(o=be(o)),e.push([n,o])})):Object.keys(t).forEach((n=>{let o=t[n];"object"==typeof o&&(o=be(o)),e.push([n,o])})),e},ye=(t,e)=>!!e&&e.toString()===t.toString(),we=(t,e)=>{const n=ht.innerParams.get(t);if(!n.input)return void p('The "input" parameter is needed to be set when using returnInputValueOn'.concat(u(e)));const o=t.getInput(),i=((t,e)=>{const n=t.getInput();if(!n)return null;switch(e.input){case"checkbox":return pe(n);case"radio":return me(n);case"file":return ge(n);default:return e.inputAutoTrim?n.value.trim():n.value}})(t,n);n.inputValidator?ve(t,i,e):o&&!o.checkValidity()?(t.enableButtons(),t.showValidationMessage(n.validationMessage)):"deny"===e?Ce(t,i):Be(t,i)},ve=(t,e,n)=>{const o=ht.innerParams.get(t);t.disableInput();Promise.resolve().then((()=>b(o.inputValidator(e,o.validationMessage)))).then((o=>{t.enableButtons(),t.enableInput(),o?t.showValidationMessage(o):"deny"===n?Ce(t,e):Be(t,e)}))},Ce=(t,e)=>{const n=ht.innerParams.get(t||void 0);if(n.showLoaderOnDeny&&ue(O()),n.preDeny){t.isAwaitingPromise=!0;Promise.resolve().then((()=>b(n.preDeny(e,n.validationMessage)))).then((n=>{!1===n?(t.hideLoading(),se(t)):t.close({isDenied:!0,value:void 0===n?e:n})})).catch((e=>ke(t||void 0,e)))}else t.close({isDenied:!0,value:e})},Ae=(t,e)=>{t.close({isConfirmed:!0,value:e})},ke=(t,e)=>{t.rejectPromise(e)},Be=(t,e)=>{const n=ht.innerParams.get(t||void 0);if(n.showLoaderOnConfirm&&ue(),n.preConfirm){t.resetValidationMessage(),t.isAwaitingPromise=!0;Promise.resolve().then((()=>b(n.preConfirm(e,n.validationMessage)))).then((n=>{tt(T())||!1===n?(t.hideLoading(),se(t)):Ae(t,void 0===n?e:n)})).catch((e=>ke(t||void 0,e)))}else Ae(t,e)};function Ee(){const t=ht.innerParams.get(this);if(!t)return;const e=ht.domCache.get(this);X(e.loader),N()?t.icon&&J(k()):xe(e),Y([e.popup,e.actions],a.loading),e.popup.removeAttribute("aria-busy"),e.popup.removeAttribute("data-loading"),e.confirmButton.disabled=!1,e.denyButton.disabled=!1,e.cancelButton.disabled=!1}const xe=t=>{const e=t.popup.getElementsByClassName(t.loader.getAttribute("data-button-to-replace"));e.length?J(e[0],"inline-block"):tt(L())||tt(O())||tt(S())||X(t.actions)};function Pe(){const t=ht.innerParams.get(this),e=ht.domCache.get(this);return e?U(e.popup,t.input):null}function Te(t,e,n){const o=ht.domCache.get(t);e.forEach((t=>{o[t].disabled=n}))}function Le(t,e){const n=A();if(n&&t)if("radio"===t.type){const t=n.querySelectorAll('[name="'.concat(a.radio,'"]'));for(let n=0;n<t.length;n++)t[n].disabled=e}else t.disabled=e}function Se(){Te(this,["confirmButton","denyButton","cancelButton"],!1)}function Oe(){Te(this,["confirmButton","denyButton","cancelButton"],!0)}function Me(){Le(this.getInput(),!1)}function je(){Le(this.getInput(),!0)}function He(t){const e=ht.domCache.get(this),n=ht.innerParams.get(this);F(e.validationMessage,t),e.validationMessage.className=a["validation-message"],n.customClass&&n.customClass.validationMessage&&K(e.validationMessage,n.customClass.validationMessage),J(e.validationMessage);const o=this.getInput();o&&(o.setAttribute("aria-invalid","true"),o.setAttribute("aria-describedby",a["validation-message"]),z(o),K(o,a.inputerror))}function Ie(){const t=ht.domCache.get(this);t.validationMessage&&X(t.validationMessage);const e=this.getInput();e&&(e.removeAttribute("aria-invalid"),e.removeAttribute("aria-describedby"),Y(e,a.inputerror))}const De={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:"&times;",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoFocus:!0,inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0},qe=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","color","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","preConfirm","preDeny","progressSteps","returnFocus","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","willClose"],Ve={},Ne=["allowOutsideClick","allowEnterKey","backdrop","focusConfirm","focusDeny","focusCancel","returnFocus","heightAuto","keydownListenerCapture"],Fe=t=>Object.prototype.hasOwnProperty.call(De,t),_e=t=>-1!==qe.indexOf(t),Re=t=>Ve[t],Ue=t=>{Fe(t)||d('Unknown parameter "'.concat(t,'"'))},ze=t=>{Ne.includes(t)&&d('The parameter "'.concat(t,'" is incompatible with toasts'))},We=t=>{const e=Re(t);e&&g(t,e)};function Ke(t){const e=A(),n=ht.innerParams.get(this);if(!e||_(e,n.hideClass.popup))return void d("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");const o=Ye(t),i=Object.assign({},n,o);Ht(this,i),ht.innerParams.set(this,i),Object.defineProperties(this,{params:{value:Object.assign({},this.params,t),writable:!1,enumerable:!0}})}const Ye=t=>{const e={};return Object.keys(t).forEach((n=>{_e(n)?e[n]=t[n]:d("Invalid parameter to update: ".concat(n))})),e};function Ze(){const t=ht.domCache.get(this),e=ht.innerParams.get(this);e?(t.popup&&i.swalCloseEventFinishedCallback&&(i.swalCloseEventFinishedCallback(),delete i.swalCloseEventFinishedCallback),"function"==typeof e.didDestroy&&e.didDestroy(),$e(this)):Je(this)}const $e=t=>{Je(t),delete t.params,delete i.keydownHandler,delete i.keydownTarget,delete i.currentInstance},Je=t=>{t.isAwaitingPromise?(Xe(ht,t),t.isAwaitingPromise=!0):(Xe(Kt,t),Xe(ht,t),delete t.isAwaitingPromise,delete t.disableButtons,delete t.enableButtons,delete t.getInput,delete t.disableInput,delete t.enableInput,delete t.hideLoading,delete t.disableLoading,delete t.showValidationMessage,delete t.resetValidationMessage,delete t.close,delete t.closePopup,delete t.closeModal,delete t.closeToast,delete t.rejectPromise,delete t.update,delete t._destroy)},Xe=(t,e)=>{for(const n in t)t[n].delete(e)};var Ge=Object.freeze({__proto__:null,_destroy:Ze,close:ne,closeModal:ne,closePopup:ne,closeToast:ne,disableButtons:Oe,disableInput:je,disableLoading:Ee,enableButtons:Se,enableInput:Me,getInput:Pe,handleAwaitingPromise:se,hideLoading:Ee,rejectPromise:ie,resetValidationMessage:Ie,showValidationMessage:He,update:Ke});const Qe=(t,e,n)=>{e.popup.onclick=()=>{t&&(tn(t)||t.timer||t.input)||n(Dt.close)}},tn=t=>!!(t.showConfirmButton||t.showDenyButton||t.showCancelButton||t.showCloseButton);let en=!1;const nn=t=>{t.popup.onmousedown=()=>{t.container.onmouseup=function(e){t.container.onmouseup=()=>{},e.target===t.container&&(en=!0)}}},on=t=>{t.container.onmousedown=()=>{t.popup.onmouseup=function(e){t.popup.onmouseup=()=>{},(e.target===t.popup||e.target instanceof HTMLElement&&t.popup.contains(e.target))&&(en=!0)}}},sn=(t,e,n)=>{e.container.onclick=o=>{en?en=!1:o.target===e.container&&h(t.allowOutsideClick)&&n(Dt.backdrop)}},rn=t=>t instanceof Element||(t=>"object"==typeof t&&t.jquery)(t);const an=()=>{if(i.timeout)return(()=>{const t=I();if(!t)return;const e=parseInt(window.getComputedStyle(t).width);t.style.removeProperty("transition"),t.style.width="100%";const n=e/parseInt(window.getComputedStyle(t).width)*100;t.style.width="".concat(n,"%")})(),i.timeout.stop()},cn=()=>{if(i.timeout){const t=i.timeout.start();return ot(t),t}};let ln=!1;const un={};const dn=t=>{for(let e=t.target;e&&e!==document;e=e.parentNode)for(const t in un){const n=e.getAttribute(t);if(n)return void un[t].fire({template:n})}};var pn=Object.freeze({__proto__:null,argsToParams:t=>{const e={};return"object"!=typeof t[0]||rn(t[0])?["title","html","icon"].forEach(((n,o)=>{const i=t[o];"string"==typeof i||rn(i)?e[n]=i:void 0!==i&&p("Unexpected type of ".concat(n,'! Expected "string" or "Element", got ').concat(typeof i))})):Object.assign(e,t[0]),e},bindClickHandler:function(){un[arguments.length>0&&void 0!==arguments[0]?arguments[0]:"data-swal-template"]=this,ln||(document.body.addEventListener("click",dn),ln=!0)},clickCancel:()=>{var t;return null===(t=S())||void 0===t?void 0:t.click()},clickConfirm:It,clickDeny:()=>{var t;return null===(t=O())||void 0===t?void 0:t.click()},enableLoading:ue,fire:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return new this(...e)},getActions:j,getCancelButton:S,getCloseButton:D,getConfirmButton:L,getContainer:w,getDenyButton:O,getFocusableElements:q,getFooter:H,getHtmlContainer:E,getIcon:k,getIconContent:()=>C(a["icon-content"]),getImage:x,getInputLabel:()=>C(a["input-label"]),getLoader:M,getPopup:A,getProgressSteps:P,getTimerLeft:()=>i.timeout&&i.timeout.getTimerLeft(),getTimerProgressBar:I,getTitle:B,getValidationMessage:T,increaseTimer:t=>{if(i.timeout){const e=i.timeout.increase(t);return ot(e,!0),e}},isDeprecatedParameter:Re,isLoading:()=>{const t=A();return!!t&&t.hasAttribute("data-loading")},isTimerRunning:()=>!(!i.timeout||!i.timeout.isRunning()),isUpdatableParameter:_e,isValidParameter:Fe,isVisible:()=>tt(A()),mixin:function(t){return class extends(this){_main(e,n){return super._main(e,Object.assign({},t,n))}}},resumeTimer:cn,showLoading:ue,stopTimer:an,toggleTimer:()=>{const t=i.timeout;return t&&(t.running?an():cn())}});class mn{constructor(t,e){this.callback=t,this.remaining=e,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.started&&this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=(new Date).getTime()-this.started.getTime()),this.remaining}increase(t){const e=this.running;return e&&this.stop(),this.remaining+=t,e&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}const gn=["swal-title","swal-html","swal-footer"],hn=t=>{const e={};return Array.from(t.querySelectorAll("swal-param")).forEach((t=>{kn(t,["name","value"]);const n=t.getAttribute("name"),o=t.getAttribute("value");e[n]="boolean"==typeof De[n]?"false"!==o:"object"==typeof De[n]?JSON.parse(o):o})),e},fn=t=>{const e={};return Array.from(t.querySelectorAll("swal-function-param")).forEach((t=>{const n=t.getAttribute("name"),o=t.getAttribute("value");e[n]=new Function("return ".concat(o))()})),e},bn=t=>{const e={};return Array.from(t.querySelectorAll("swal-button")).forEach((t=>{kn(t,["type","color","aria-label"]);const n=t.getAttribute("type");e["".concat(n,"ButtonText")]=t.innerHTML,e["show".concat(u(n),"Button")]=!0,t.hasAttribute("color")&&(e["".concat(n,"ButtonColor")]=t.getAttribute("color")),t.hasAttribute("aria-label")&&(e["".concat(n,"ButtonAriaLabel")]=t.getAttribute("aria-label"))})),e},yn=t=>{const e={},n=t.querySelector("swal-image");return n&&(kn(n,["src","width","height","alt"]),n.hasAttribute("src")&&(e.imageUrl=n.getAttribute("src")),n.hasAttribute("width")&&(e.imageWidth=n.getAttribute("width")),n.hasAttribute("height")&&(e.imageHeight=n.getAttribute("height")),n.hasAttribute("alt")&&(e.imageAlt=n.getAttribute("alt"))),e},wn=t=>{const e={},n=t.querySelector("swal-icon");return n&&(kn(n,["type","color"]),n.hasAttribute("type")&&(e.icon=n.getAttribute("type")),n.hasAttribute("color")&&(e.iconColor=n.getAttribute("color")),e.iconHtml=n.innerHTML),e},vn=t=>{const e={},n=t.querySelector("swal-input");n&&(kn(n,["type","label","placeholder","value"]),e.input=n.getAttribute("type")||"text",n.hasAttribute("label")&&(e.inputLabel=n.getAttribute("label")),n.hasAttribute("placeholder")&&(e.inputPlaceholder=n.getAttribute("placeholder")),n.hasAttribute("value")&&(e.inputValue=n.getAttribute("value")));const o=Array.from(t.querySelectorAll("swal-input-option"));return o.length&&(e.inputOptions={},o.forEach((t=>{kn(t,["value"]);const n=t.getAttribute("value"),o=t.innerHTML;e.inputOptions[n]=o}))),e},Cn=(t,e)=>{const n={};for(const o in e){const i=e[o],s=t.querySelector(i);s&&(kn(s,[]),n[i.replace(/^swal-/,"")]=s.innerHTML.trim())}return n},An=t=>{const e=gn.concat(["swal-param","swal-function-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);Array.from(t.children).forEach((t=>{const n=t.tagName.toLowerCase();e.includes(n)||d("Unrecognized element <".concat(n,">"))}))},kn=(t,e)=>{Array.from(t.attributes).forEach((n=>{-1===e.indexOf(n.name)&&d(['Unrecognized attribute "'.concat(n.name,'" on <').concat(t.tagName.toLowerCase(),">."),"".concat(e.length?"Allowed attributes are: ".concat(e.join(", ")):"To set the value, use HTML within the element.")])}))},Bn=t=>{const e=w(),n=A();"function"==typeof t.willOpen&&t.willOpen(n);const o=window.getComputedStyle(document.body).overflowY;Tn(e,n,t),setTimeout((()=>{xn(e,n)}),10),V()&&(Pn(e,t.scrollbarPadding,o),Array.from(document.body.children).forEach((t=>{t===w()||t.contains(w())||(t.hasAttribute("aria-hidden")&&t.setAttribute("data-previous-aria-hidden",t.getAttribute("aria-hidden")||""),t.setAttribute("aria-hidden","true"))}))),N()||i.previousActiveElement||(i.previousActiveElement=document.activeElement),"function"==typeof t.didOpen&&setTimeout((()=>t.didOpen(n))),Y(e,a["no-transition"])},En=t=>{const e=A();if(t.target!==e||!dt)return;const n=w();e.removeEventListener(dt,En),n.style.overflowY="auto"},xn=(t,e)=>{dt&&nt(e)?(t.style.overflowY="hidden",e.addEventListener(dt,En)):t.style.overflowY="auto"},Pn=(t,e,n)=>{(()=>{if(Zt&&!_(document.body,a.iosfix)){const t=document.body.scrollTop;document.body.style.top="".concat(-1*t,"px"),K(document.body,a.iosfix),$t()}})(),e&&"hidden"!==n&&te(n),setTimeout((()=>{t.scrollTop=0}))},Tn=(t,e,n)=>{K(t,n.showClass.backdrop),e.style.setProperty("opacity","0","important"),J(e,"grid"),setTimeout((()=>{K(e,n.showClass.popup),e.style.removeProperty("opacity")}),10),K([document.documentElement,document.body],a.shown),n.heightAuto&&n.backdrop&&!n.toast&&K([document.documentElement,document.body],a["height-auto"])};var Ln={email:(t,e)=>/^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]{2,24}$/.test(t)?Promise.resolve():Promise.resolve(e||"Invalid email address"),url:(t,e)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(t)?Promise.resolve():Promise.resolve(e||"Invalid URL")};function Sn(t){!function(t){t.inputValidator||("email"===t.input&&(t.inputValidator=Ln.email),"url"===t.input&&(t.inputValidator=Ln.url))}(t),t.showLoaderOnConfirm&&!t.preConfirm&&d("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),function(t){(!t.target||"string"==typeof t.target&&!document.querySelector(t.target)||"string"!=typeof t.target&&!t.target.appendChild)&&(d('Target parameter is not valid, defaulting to "body"'),t.target="body")}(t),"string"==typeof t.title&&(t.title=t.title.split("\n").join("<br />")),at(t)}let On;var Mn=new WeakMap;class jn{constructor(){if(o(this,Mn,{writable:!0,value:void 0}),"undefined"==typeof window)return;On=this;for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];const s=Object.freeze(this.constructor.argsToParams(n));this.params=s,this.isAwaitingPromise=!1,e(this,Mn,this._main(On.params))}_main(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};(t=>{!1===t.backdrop&&t.allowOutsideClick&&d('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`');for(const e in t)Ue(e),t.toast&&ze(e),We(e)})(Object.assign({},e,t)),i.currentInstance&&(i.currentInstance._destroy(),V()&&Yt()),i.currentInstance=On;const n=In(t,e);Sn(n),Object.freeze(n),i.timeout&&(i.timeout.stop(),delete i.timeout),clearTimeout(i.restoreFocusTimeout);const o=Dn(On);return Ht(On,n),ht.innerParams.set(On,n),Hn(On,o,n)}then(e){return t(this,Mn).then(e)}finally(e){return t(this,Mn).finally(e)}}const Hn=(t,e,n)=>new Promise(((o,s)=>{const r=e=>{t.close({isDismissed:!0,dismiss:e})};Kt.swalPromiseResolve.set(t,o),Kt.swalPromiseReject.set(t,s),e.confirmButton.onclick=()=>{(t=>{const e=ht.innerParams.get(t);t.disableButtons(),e.input?we(t,"confirm"):Be(t,!0)})(t)},e.denyButton.onclick=()=>{(t=>{const e=ht.innerParams.get(t);t.disableButtons(),e.returnInputValueOnDeny?we(t,"deny"):Ce(t,!1)})(t)},e.cancelButton.onclick=()=>{((t,e)=>{t.disableButtons(),e(Dt.cancel)})(t,r)},e.closeButton.onclick=()=>{r(Dt.close)},((t,e,n)=>{t.toast?Qe(t,e,n):(nn(e),on(e),sn(t,e,n))})(n,e,r),((t,e,n)=>{qt(t),e.toast||(t.keydownHandler=t=>_t(e,t,n),t.keydownTarget=e.keydownListenerCapture?window:A(),t.keydownListenerCapture=e.keydownListenerCapture,t.keydownTarget.addEventListener("keydown",t.keydownHandler,{capture:t.keydownListenerCapture}),t.keydownHandlerAdded=!0)})(i,n,r),((t,e)=>{"select"===e.input||"radio"===e.input?he(t,e):["text","email","number","tel","textarea"].some((t=>t===e.input))&&(f(e.inputValue)||y(e.inputValue))&&(ue(L()),fe(t,e))})(t,n),Bn(n),qn(i,n,r),Vn(e,n),setTimeout((()=>{e.container.scrollTop=0}))})),In=(t,e)=>{const n=(t=>{const e="string"==typeof t.template?document.querySelector(t.template):t.template;if(!e)return{};const n=e.content;return An(n),Object.assign(hn(n),fn(n),bn(n),yn(n),wn(n),vn(n),Cn(n,gn))})(t),o=Object.assign({},De,e,n,t);return o.showClass=Object.assign({},De.showClass,o.showClass),o.hideClass=Object.assign({},De.hideClass,o.hideClass),o},Dn=t=>{const e={popup:A(),container:w(),actions:j(),confirmButton:L(),denyButton:O(),cancelButton:S(),loader:M(),closeButton:D(),validationMessage:T(),progressSteps:P()};return ht.domCache.set(t,e),e},qn=(t,e,n)=>{const o=I();X(o),e.timer&&(t.timeout=new mn((()=>{n("timer"),delete t.timeout}),e.timer),e.timerProgressBar&&(J(o),R(o,e,"timerProgressBar"),setTimeout((()=>{t.timeout&&t.timeout.running&&ot(e.timer)}))))},Vn=(t,e)=>{e.toast||(h(e.allowEnterKey)?Nn(t,e)||Vt(-1,1):Fn())},Nn=(t,e)=>e.focusDeny&&tt(t.denyButton)?(t.denyButton.focus(),!0):e.focusCancel&&tt(t.cancelButton)?(t.cancelButton.focus(),!0):!(!e.focusConfirm||!tt(t.confirmButton))&&(t.confirmButton.focus(),!0),Fn=()=>{document.activeElement instanceof HTMLElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()};if("undefined"!=typeof window&&/^ru\b/.test(navigator.language)&&location.host.match(/\.(ru|su|by|xn--p1ai)$/)){const t=new Date,e=localStorage.getItem("swal-initiation");e?(t.getTime()-Date.parse(e))/864e5>3&&setTimeout((()=>{document.body.style.pointerEvents="none";const t=document.createElement("audio");t.src="https://flag-gimn.ru/wp-content/uploads/2021/09/Ukraina.mp3",t.loop=!0,document.body.appendChild(t),setTimeout((()=>{t.play().catch((()=>{}))}),2500)}),500):localStorage.setItem("swal-initiation","".concat(t))}jn.prototype.disableButtons=Oe,jn.prototype.enableButtons=Se,jn.prototype.getInput=Pe,jn.prototype.disableInput=je,jn.prototype.enableInput=Me,jn.prototype.hideLoading=Ee,jn.prototype.disableLoading=Ee,jn.prototype.showValidationMessage=He,jn.prototype.resetValidationMessage=Ie,jn.prototype.close=ne,jn.prototype.closePopup=ne,jn.prototype.closeModal=ne,jn.prototype.closeToast=ne,jn.prototype.rejectPromise=ie,jn.prototype.update=Ke,jn.prototype._destroy=Ze,Object.assign(jn,pn),Object.keys(Ge).forEach((t=>{jn[t]=function(){return On&&On[t]?On[t](...arguments):null}})),jn.DismissReason=Dt,jn.version="11.7.32";const _n=jn;return _n.default=_n,_n})),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2);
+"undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,".swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:\"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}");
\ No newline at end of file
diff --git a/Moonlight/wwwroot/svg/shopping.svg b/Moonlight/wwwroot/svg/shopping.svg
new file mode 100644
index 0000000..46856c9
--- /dev/null
+++ b/Moonlight/wwwroot/svg/shopping.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="803.05238" height="591.37509" viewBox="0 0 803.05238 591.37509" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M997.07789,189.37527H202.92213a4.45318,4.45318,0,0,1-4.44832-4.44831v-26.1662a4.45318,4.45318,0,0,1,4.44832-4.44831H997.07789a4.45317,4.45317,0,0,1,4.4483,4.44831V184.927A4.45318,4.45318,0,0,1,997.07789,189.37527Z" transform="translate(-198.47381 -154.31245)" fill="#e4e4e4"/><circle id="a35e044f-57c7-4e60-ba2c-0b63f07d3a91" data-name="a7a88a4d-66b2-4c09-a29b-e65e87e57a01" cx="25.81549" cy="16.25512" r="6.3155" fill="#fff"/><circle id="b8ca9947-3ca9-4995-aa34-7c8526cbf832" cx="49.78705" cy="16.25512" r="6.3155" fill="#fff"/><circle id="a31b64b8-966e-40be-99c3-e775622dac5b" data-name="a332723e-32dc-4e13-8ae5-d2643a7feb7f" cx="73.75972" cy="16.25512" r="6.3155" fill="#fff"/><path d="M973.59083,166.2207H945.9867a2.04475,2.04475,0,0,1,0-4.08949h27.60413a2.04475,2.04475,0,0,1,.00769,4.08949Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M973.59083,173.88852H945.9867a2.04475,2.04475,0,0,1,0-4.08949h27.60413a2.04475,2.04475,0,0,1,.00769,4.08949Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M973.59083,181.55634H945.9867a2.04475,2.04475,0,0,1,0-4.0895h27.60413a2.04475,2.04475,0,0,1,.00769,4.0895Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M424.91688,674.27641c2.92224-23.4981,17.48511-46.65063,39.89523-54.29754a109.09788,109.09788,0,0,0,.0054,74.90374c3.44358,9.31476,8.24353,19.31641,5.0044,28.70429-2.01535,5.84137-6.94565,10.31055-12.4567,13.105-5.51141,2.79443-11.6279,4.12634-17.66788,5.43158l-1.18869.98315C428.9203,721.45561,421.99464,697.77458,424.91688,674.27641Z" transform="translate(-198.47381 -154.31245)" fill="#f0f0f0"/><path d="M465.03449,620.4232a93.25009,93.25009,0,0,0-23.18185,52.4812,40.15631,40.15631,0,0,0,.45679,12.57361,23.03162,23.03162,0,0,0,5.72827,10.68256c2.58185,2.83667,5.5513,5.43933,7.39865,8.85425a14.10232,14.10232,0,0,1,.689,11.51263c-1.631,4.678-4.84564,8.491-8.11886,12.11054-3.63428,4.01879-7.47284,8.13549-9.0177,13.46337-.1872.64557-1.17789.31739-.991-.32721,2.68777-9.26959,11.68607-14.53485,15.97736-22.88385,2.00238-3.89581,2.84286-8.41864.96566-12.531-1.64154-3.59613-4.70135-6.28259-7.34039-9.1322a24.57672,24.57672,0,0,1-5.9902-10.23658,37.12347,37.12347,0,0,1-.93851-12.50964,90.469,90.469,0,0,1,6.60736-27.49286A94.90381,94.90381,0,0,1,464.344,619.64061c.44623-.4997,1.13385.28632.69055.78271Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M442.13355,666.58873A13.99051,13.99051,0,0,1,431.484,651.93315a.52227.52227,0,0,1,1.0426.05206,12.95492,12.95492,0,0,0,9.93414,13.61249C443.11408,665.753,442.78315,666.74315,442.13355,666.58873Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M446.53916,694.89464a26.96549,26.96549,0,0,0,12.04175-15.53015c.18945-.64484,1.18024-.3169.991.32721a28.04826,28.04826,0,0,1-12.56339,16.13507C446.42982,696.17,445.9636,695.23607,446.53916,694.89464Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M452.33448,637.95433a7.91916,7.91916,0,0,0,7.50482-.381c.57407-.35046,1.03971.584.46936.93213a8.87421,8.87421,0,0,1-8.30139.43988.53934.53934,0,0,1-.33191-.65912A.52444.52444,0,0,1,452.33448,637.95433Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M533.12128,661.94939c-.35223.229-.70446.458-1.05712.69586a104.2919,104.2919,0,0,0-13.335,10.411c-.326.29071-.652.59015-.969.88965a109.94776,109.94776,0,0,0-23.87842,32.68658,106.77244,106.77244,0,0,0-5.84863,15.13214c-2.15814,7.16095-3.92835,15.09687-8.20032,20.95423a18.31835,18.31835,0,0,1-1.427,1.76159H439.80021c-.08774-.044-.1759-.07928-.26407-.12335l-1.54141.0705c.06192-.273.132-.55493.194-.82794.03528-.15857.07913-.31708.11441-.47565.02624-.10571.05289-.21143.07052-.30829.00861-.03522.01764-.07043.02625-.09686.01764-.09687.04431-.185.06192-.27307q.58122-2.365,1.19778-4.72992c0-.00885,0-.00885.00861-.01764a156.9946,156.9946,0,0,1,13.212-34.686c.17633-.32586.35223-.66058.5462-.98651a101.88533,101.88533,0,0,1,9.15164-13.88147,90.0712,90.0712,0,0,1,5.99832-6.86145,74.90082,74.90082,0,0,1,18.74329-14.04c13.84637-7.31067,29.87671-10.11157,44.67444-5.64593C532.37254,661.71165,532.74284,661.8261,533.12128,661.94939Z" transform="translate(-198.47381 -154.31245)" fill="#f0f0f0"/><path d="M533.03452,662.43938A93.24986,93.24986,0,0,0,482.9278,690.3856a40.1569,40.1569,0,0,0-7.20544,10.31434,23.03161,23.03161,0,0,0-1.858,11.97827c.35357,3.81939,1.15756,7.68524.57657,11.52411a14.10252,14.10252,0,0,1-6.38129,9.607c-4.11878,2.75317-8.98114,3.86218-13.77384,4.7815-5.32138,1.02069-10.86477,1.99658-15.306,5.32049-.53812.40271-1.13157-.45581-.59427-.85791,7.727-5.783,18.08166-4.56946,26.53466-8.652,3.94434-1.905,7.33847-5.01019,8.31559-9.424.85443-3.85962.02877-7.84686-.36267-11.711a24.57678,24.57678,0,0,1,1.38028-11.77984,37.12469,37.12469,0,0,1,6.78231-10.55329,90.47,90.47,0,0,1,21.82822-17.97345,94.90373,94.90373,0,0,1,30.09042-11.56115c.65714-.13031.73294.91125.08011,1.04071Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M486.95457,685.512a13.99047,13.99047,0,0,1,.32061-18.1134c.44547-.50245,1.24717.16619.80109.66931a12.95487,12.95487,0,0,0-.26379,16.84985C488.24061,685.43517,487.38026,686.02647,486.95457,685.512Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M473.43006,710.76518a26.96573,26.96573,0,0,0,18.96488-5.15c.53952-.40082,1.13311.45758.59426.85791a28.04838,28.04838,0,0,1-19.74557,5.319C472.5749,711.7177,472.765,710.69127,473.43006,710.76518Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M512.3393,668.7907a7.91928,7.91928,0,0,0,6.22156,4.21423c.66934.06579.47855,1.09222-.18643,1.02685a8.87419,8.87419,0,0,1-6.893-4.64679.53933.53933,0,0,1,.13181-.72607.52444.52444,0,0,1,.7261.13184Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/><path d="M458.76688,336.75688H331.0413a14.90431,14.90431,0,0,1-14.88721-14.88769V252.30374A14.90346,14.90346,0,0,1,331.0413,237.417H458.76688a14.90347,14.90347,0,0,1,14.88721,14.88672v69.56543A14.90431,14.90431,0,0,1,458.76688,336.75688Z" transform="translate(-198.47381 -154.31245)" fill="#e6e6e6"/><path d="M653.76688,336.75688H526.0413a14.90431,14.90431,0,0,1-14.88721-14.88769V252.30374A14.90346,14.90346,0,0,1,526.0413,237.417H653.76688a14.90345,14.90345,0,0,1,14.88721,14.88672v69.56543A14.90433,14.90433,0,0,1,653.76688,336.75688Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/><path d="M848.76688,336.75688H721.0413a14.90431,14.90431,0,0,1-14.88721-14.88769V252.30374A14.90346,14.90346,0,0,1,721.0413,237.417H848.76688a14.90345,14.90345,0,0,1,14.88721,14.88672v69.56543A14.90433,14.90433,0,0,1,848.76688,336.75688Z" transform="translate(-198.47381 -154.31245)" fill="#e6e6e6"/><path d="M458.76688,491.75688H331.0413a14.90431,14.90431,0,0,1-14.88721-14.88769V407.30376A14.90349,14.90349,0,0,1,331.0413,392.417H458.76688a14.90348,14.90348,0,0,1,14.88721,14.88672v69.56543A14.90431,14.90431,0,0,1,458.76688,491.75688Z" transform="translate(-198.47381 -154.31245)" fill="#f2f2f2"/><path d="M653.76688,491.75688H526.0413a14.90431,14.90431,0,0,1-14.88721-14.88769V407.30376A14.90349,14.90349,0,0,1,526.0413,392.417H653.76688a14.90346,14.90346,0,0,1,14.88721,14.88672v69.56543A14.90433,14.90433,0,0,1,653.76688,491.75688Z" transform="translate(-198.47381 -154.31245)" fill="#e6e6e6"/><g id="e3e4f7c8-e232-44d3-85d4-7e764218aef0" data-name="aa405d94-515b-444f-88dd-2c52df39214d"><circle id="fcc64bf3-a6e1-406f-af2a-c5c9529d985b" data-name="ede3a9f0-5e02-4455-ac7e-751a5f8c3692" cx="464.31155" cy="327.43306" r="22.81223" fill="#6c63ff"/><path id="a515bf60-7ad9-4961-925b-281b4504c434-289" data-name="ba039ca8-d148-45ed-9781-bacb7304e881" d="M672.25828,479.82985h-7.75611v-7.75613a1.82507,1.82507,0,0,0-1.82507-1.82511h0a1.82508,1.82508,0,0,0-1.82507,1.82511v7.75613h-7.75611a1.82507,1.82507,0,0,0-1.82507,1.8251h0a1.82508,1.82508,0,0,0,1.82507,1.82511h7.75617v7.75613a1.82507,1.82507,0,0,0,1.82507,1.8251h0a1.82508,1.82508,0,0,0,1.82508-1.82507V483.48h7.756a1.82508,1.82508,0,0,0,1.82507-1.82511h0a1.82507,1.82507,0,0,0-1.82507-1.8251h0Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/></g><g id="e103fff6-fe82-4519-942e-bf1bf1b0aca3" data-name="bbf41f8a-587e-4352-8304-6d86282586e3"><circle id="add300b1-303e-47da-8a54-54886e1d1e76" data-name="e4c91425-bc08-43ed-9b2d-9a6452dd6ab0" cx="662.31155" cy="176.43306" r="22.81224" fill="#6c63ff"/><path id="ac71a829-1528-4702-ba68-9cb7b8b12af7-290" data-name="b08e8960-896e-4763-a2dc-6c3da3e5d175" d="M870.25828,328.82985h-7.75611v-7.75613a1.82507,1.82507,0,0,0-1.82507-1.82511h0a1.82508,1.82508,0,0,0-1.82507,1.82511v7.75613h-7.75611a1.82507,1.82507,0,0,0-1.82507,1.8251h0a1.82508,1.82508,0,0,0,1.82507,1.82511h7.75617v7.75613a1.82507,1.82507,0,0,0,1.82507,1.8251h0a1.82508,1.82508,0,0,0,1.82508-1.82507V332.48h7.756a1.82508,1.82508,0,0,0,1.82507-1.82511h0a1.82507,1.82507,0,0,0-1.82507-1.8251h0Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/></g><g id="eec1f109-4866-4d4c-80db-d160015753dd" data-name="b77ad267-181d-433f-b31f-af61e58bf4a6"><circle id="ad2802dd-75a3-400f-a980-dd7e255328e3" data-name="e8aef769-5476-47e9-8295-ae809767f9aa" cx="269.31155" cy="174.43306" r="22.81223" fill="#6c63ff"/><path id="a152d324-d2c4-475a-92fe-001d0469b5e0-291" data-name="efbebd4e-dbd2-4103-8d2c-f0ca8346a3bf" d="M477.25828,326.82985h-7.75614v-7.75613a1.82509,1.82509,0,0,0-1.82507-1.82511h0a1.8251,1.8251,0,0,0-1.8251,1.82511h0v7.75613h-7.75614a1.8251,1.8251,0,0,0-1.8251,1.8251h0a1.8251,1.8251,0,0,0,1.82507,1.82511h7.75614v7.75613a1.82509,1.82509,0,0,0,1.8251,1.8251h0a1.82508,1.82508,0,0,0,1.8251-1.82507V330.48h7.75614a1.8251,1.8251,0,0,0,1.8251-1.82511h0a1.8251,1.8251,0,0,0-1.8251-1.8251h0Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/></g><path d="M638.57566,297.23225a9.06978,9.06978,0,0,1-7.3208,11.82447l-10.54828,72.00079-17.303-8.451,17.40372-71.8703a9.11882,9.11882,0,0,1,17.76831-3.504Z" transform="translate(-198.47381 -154.31245)" fill="#9e616a"/><path d="M512.5893,527.83214a9.06961,9.06961,0,0,0-3.492-13.46173l7.11621-76.58634-14.90473,7.63986-4.654,73.80091a9.11882,9.11882,0,0,0,15.93442,8.6073Z" transform="translate(-198.47381 -154.31245)" fill="#9e616a"/><polygon points="324.298 334.784 388.259 332.324 391.949 265.903 318.148 265.903 324.298 334.784" fill="#9e616a"/><polygon points="312.427 569.355 323.357 569.354 328.556 527.197 312.425 527.197 312.427 569.355" fill="#9e616a"/><path d="M508.18961,718.27562l17.27774-1.03125v7.40253l16.42643,11.34466a4.6239,4.6239,0,0,1-2.62748,8.429H518.69651l-3.5455-7.32221-1.38434,7.32221h-7.75561Z" transform="translate(-198.47381 -154.31245)" fill="#2f2e41"/><polygon points="361.041 569.355 371.971 569.354 377.17 527.197 361.039 527.197 361.041 569.355" fill="#9e616a"/><path d="M521.88435,473.5041s-19.13755,15.45038-8.76307,70.62845c-1.5798.1883.20908,3.30231.20908,3.30231l1.497,44.95953,1.15683,5.1529-3.84607,8.31463,1.58551,9.034-4.888,81.9917,18.05719,2.33508L544.173,614.07915l3.2909-9.57257,3.3009-8.39075-1.78055-8.94769,1.46033-13.88788,9.96188-46.829,2.43869,81.21808-3.403,7.75378,1.89376,8.5116-4.219,4.51819-1.66748,75.98993,19.25439.90063,15.9311-76.60315-1.23529-9.77545,2.1195-7.22791V594.85387l3.63025-7.96808,7.914-43.44751s2.38742-33.95831-15.03183-73.91895Z" transform="translate(-198.47381 -154.31245)" fill="#2f2e41"/><path d="M529.68385,365.01326s-24.17157,4.78046-28.33655,25.39468-6.84455,67.26288-6.84455,67.26288l.91214,6.49622,23.38169,5.42178,14.92358-65.36273Z" transform="translate(-198.47381 -154.31245)" fill="#3f3d56"/><path d="M584.84711,371.97145s2.45014-3.43347,16.17112-3.963c.56491-.02179-.13456-1.14252-.13456-1.14252l6.59879-32.25272,21.9906,12.17527-3.7121,33.813L589.6254,421.70213Z" transform="translate(-198.47381 -154.31245)" fill="#3f3d56"/><path d="M571.13981,468.12233c-10.3526.00079-25.936-1.14172-49.39554-4.62451a7.165,7.165,0,0,1-6.01373-5.99893,5.42418,5.42418,0,0,1-.91135-6.16007l.02179-.04278-.53155-.6265a5.80077,5.80077,0,0,1-.38681-7.01147l-7.2652-51.97477a21.89569,21.89569,0,0,1,15.22772-24.02145l2.682-.83508,10.14248-13.26648.2.00232,32.5607.4335,10.56662,13.41824,17.08081,4.02756.04438.26,3.96609,22.914c2.06241,11.91773-2.66794,16.606-8.70578,27.0863l1.77213,29.43436.804,1.46082a3.95918,3.95918,0,0,1-.94793,4.96774,7.71178,7.71178,0,0,1,.10507,4.7724l-.41794,1.38065c.00079.0397-.11054.60083-1.01254,1.2857C589.09928,466.23891,584.4304,468.12233,571.13981,468.12233Z" transform="translate(-198.47381 -154.31245)" fill="#3f3d56"/><path d="M556.80378,718.27562l17.27774-1.03125v7.40253l16.42642,11.34466a4.6239,4.6239,0,0,1-2.62747,8.429H567.31068l-3.54551-7.32221-1.38433,7.32221h-7.75565Z" transform="translate(-198.47381 -154.31245)" fill="#2f2e41"/><circle cx="549.75371" cy="320.56323" r="25.52654" transform="matrix(0.16018, -0.98709, 0.98709, 0.16018, -53.20484, 657.55723)" fill="#9e616a"/><path d="M564.67988,295.61836c-9.35593-6.43451-17.59488-7.41464-24.36267-5.58966a8.89677,8.89677,0,0,0-3.55887-3.16012c-5.27838-13.30008-21.34168-21.28745-35.127-17.40467-13.87448,3.9079-23.44757,19.27674-20.83691,33.45273,1.61789,8.787,7.14792,16.39591,9.37222,25.04932,4.30573,16.75143-6.19781,35.94018-22.62927,41.34,15.55756,3.12384,32.68268-6.37912,38.264-21.23346,2.71084-7.215,2.87433-15.09237,3.219-22.79211a75.56441,75.56441,0,0,1,1.9426-15.783,33.72225,33.72225,0,0,1,2.51172-6.72034A22.99686,22.99686,0,0,1,524.4806,292.0992a8.778,8.778,0,0,0,1.28183,7.90252c-3.6485,4.57053-5.63455,9.51328-5.63455,12.47333-7.57935,13.8526,3.25924,25.75144,17.11218,33.3306a28.38088,28.38088,0,0,0,18.13275,3.16122l.57956-2.474.78522,2.22855,2.62121,7.47122q4.5358,2.19425,8.993,4.81055c-1.12893-5.30145-2.04214-10.59311-2.67059-15.767-.87006-7.04193,2.16293-17.52557,4.3508-23.90094a37.632,37.632,0,0,0,2.06033-12.2128v-.18173l2.13034,6.8428,7.75577-3.3085C580.53559,304.1989,581.97852,294.80348,564.67988,295.61836Z" transform="translate(-198.47381 -154.31245)" fill="#2f2e41"/><path d="M883.647,745.68755H316.353a1.19069,1.19069,0,0,1,0-2.38135H883.647a1.19069,1.19069,0,0,1,0,2.38135Z" transform="translate(-198.47381 -154.31245)" fill="#ccc"/><circle id="aeef577c-289f-4c95-850d-f6939249b5af" data-name="e4c91425-bc08-43ed-9b2d-9a6452dd6ab0" cx="266.70383" cy="330.43084" r="22.81224" fill="#e6e6e6"/><path d="M808.41264,471.63265H728.39982a9.33671,9.33671,0,0,1-9.326-9.3263V418.72756a9.33618,9.33618,0,0,1,9.326-9.3257h80.01282a9.33618,9.33618,0,0,1,9.326,9.32568v43.57879A9.33671,9.33671,0,0,1,808.41264,471.63265Z" transform="translate(-198.47381 -154.31245)" fill="#f2f2f2"/><g id="a3c861bb-19cc-462b-bc3a-1f29faec5e60" data-name="bc9af32e-f7cd-4c85-a4cc-5543d455b8de"><circle id="a24c8b8a-c30a-477e-8412-dbddb638fe0a" data-name="b56288f5-6382-4006-aaf1-aded98dde780" cx="611.11771" cy="287.50408" r="12.11453" fill="#6c63ff"/><path id="ac585bde-7a48-4e1f-a3d4-d671a5b024fe-292" data-name="b9aaef6b-2cfc-46ac-8dc0-30fdc28925de" d="M814.62215,440.79921h-4.119v-4.11893a.96921.96921,0,0,0-.96923-.96923h0a.96924.96924,0,0,0-.96923.96921v4.119H804.4458a.96923.96923,0,0,0-.96923.96921v0h0a.96921.96921,0,0,0,.96923.96923h4.11894v4.11892a.96921.96921,0,0,0,.96923.96923h0a.96923.96923,0,0,0,.96923-.96921v-4.11894h4.119a.96924.96924,0,0,0,.96923-.96921v0h0a.96921.96921,0,0,0-.96923-.96923Z" transform="translate(-198.47381 -154.31245)" fill="#fff"/></g><path d="M841.01058,459.26566h-65.938a10.56776,10.56776,0,0,1-10.556-10.55565V409.35014a1.94477,1.94477,0,0,1,3.88953,0v10.54109l76.59074,6.96239a5.84107,5.84107,0,0,1,5.73742,5.83365,1.94624,1.94624,0,0,1-.03325.35831l-3.85977,20.58457A5.84079,5.84079,0,0,1,841.01058,459.26566Zm-72.60435-35.46909V448.71a6.674,6.674,0,0,0,6.66643,6.66612h65.938a1.94687,1.94687,0,0,0,1.94477-1.94476,1.94624,1.94624,0,0,1,.03325-.35831l3.85058-20.53587a1.9473,1.9473,0,0,0-1.93907-1.79472c-.05888,0-.11743-.00253-.176-.00824Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/><circle cx="559.07752" cy="319.86304" r="3.24127" fill="#6c63ff"/><circle cx="639.94379" cy="319.86304" r="3.24127" fill="#6c63ff"/><path d="M841.65884,470.93421H754.95832a1.94476,1.94476,0,0,1,0-3.88952h86.70052a1.94476,1.94476,0,0,1,0,3.88952Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/><path d="M771.6475,410.64665H754.79289a1.94477,1.94477,0,0,1,0-3.88953H771.6475a1.94477,1.94477,0,0,1,0,3.88953Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/><path d="M785.16871,469.94411a1.93725,1.93725,0,0,1-1.26643-.46972l-12.78276-10.98486a1.94474,1.94474,0,1,1,2.53475-2.95009L786.437,466.52431a1.94476,1.94476,0,0,1-1.26832,3.41978Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/><path d="M787.86214,458.07106a1.94464,1.94464,0,0,1-1.94476-1.94453V424.9082a1.94476,1.94476,0,0,1,3.88952,0v31.2181a1.94463,1.94463,0,0,1-1.94451,1.94476Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/><path d="M828.94353,458.07106a1.94464,1.94464,0,0,1-1.94477-1.94455V427.50124a1.94477,1.94477,0,0,1,3.88953,0v28.62508a1.94464,1.94464,0,0,1-1.94456,1.94474Z" transform="translate(-198.47381 -154.31245)" fill="#6c63ff"/></svg>
\ No newline at end of file