diff --git a/.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml b/.idea/.idea.Moonlight/.idea/efCoreCommonOptions.xml
index 9e91701b..c001b752 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/Actions/Dummy/DummyActions.cs b/Moonlight/App/Actions/Dummy/DummyActions.cs
new file mode 100644
index 00000000..1970ddcb
--- /dev/null
+++ b/Moonlight/App/Actions/Dummy/DummyActions.cs
@@ -0,0 +1,22 @@
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Models.Abstractions;
+
+namespace Moonlight.App.Actions.Dummy;
+
+public class DummyActions : ServiceActions
+{
+    public override Task Create(IServiceProvider provider, Service service)
+    {
+        return Task.CompletedTask;
+    }
+
+    public override Task Update(IServiceProvider provider, Service service)
+    {
+        return Task.CompletedTask;
+    }
+
+    public override Task Delete(IServiceProvider provider, Service service)
+    {
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Configuration/ConfigV1.cs b/Moonlight/App/Configuration/ConfigV1.cs
index 642ef103..aecc2cef 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 81c5117d..34a9d61b 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 00000000..da736900
--- /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 00000000..f5107168
--- /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 00000000..d9ae6e54
--- /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 00000000..d422f649
--- /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 00000000..950ba4d8
--- /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 00000000..df3d6c2e
--- /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 ServiceType 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 00000000..8f659967
--- /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 00000000..4cbcca2d
--- /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/Store/Transaction.cs b/Moonlight/App/Database/Entities/Store/Transaction.cs
new file mode 100644
index 00000000..6ed8d389
--- /dev/null
+++ b/Moonlight/App/Database/Entities/Store/Transaction.cs
@@ -0,0 +1,8 @@
+namespace Moonlight.App.Database.Entities.Store;
+
+public class Transaction
+{
+    public int Id { get; set; }
+    public double Price { get; set; }
+    public string Text { 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 ef43c138..78bedeb1 100644
--- a/Moonlight/App/Database/Entities/User.cs
+++ b/Moonlight/App/Database/Entities/User.cs
@@ -1,4 +1,6 @@
-namespace Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+
+namespace Moonlight.App.Database.Entities;
 
 public class User
 {
@@ -9,6 +11,13 @@ public class User
     public string? Avatar { get; set; } = null;
     public string? TotpKey { get; set; } = null;
     
+    // Store
+    public double Balance { get; set; }
+    public List<Transaction> Transactions { get; set; } = new();
+
+    public List<CouponUse> CouponUses { get; set; } = new();
+    public List<GiftCodeUse> GiftCodeUses { get; set; } = new();
+    
     // Meta data
     public string Flags { get; set; } = "";
     public int Permissions { get; set; } = 0;
diff --git a/Moonlight/App/Database/Enums/ServiceType.cs b/Moonlight/App/Database/Enums/ServiceType.cs
new file mode 100644
index 00000000..1f2c4d14
--- /dev/null
+++ b/Moonlight/App/Database/Enums/ServiceType.cs
@@ -0,0 +1,9 @@
+namespace Moonlight.App.Database.Enums;
+
+public enum ServiceType
+{
+    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 00000000..cd17712a
--- /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 00000000..41b821e1
--- /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/20231018203522_AddedUserStoreData.Designer.cs b/Moonlight/App/Database/Migrations/20231018203522_AddedUserStoreData.Designer.cs
new file mode 100644
index 00000000..b584d5fd
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20231018203522_AddedUserStoreData.Designer.cs
@@ -0,0 +1,371 @@
+// <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("20231018203522_AddedUserStoreData")]
+    partial class AddedUserStoreData
+    {
+        /// <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.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CouponId");
+
+                    b.HasIndex("UserId");
+
+                    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.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("GiftCodeId");
+
+                    b.HasIndex("UserId");
+
+                    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<double>("Balance")
+                        .HasColumnType("REAL");
+
+                    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.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("CouponUses")
+                        .HasForeignKey("UserId");
+
+                    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.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("GiftCodeUses")
+                        .HasForeignKey("UserId");
+
+                    b.Navigation("GiftCode");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Category", "Category")
+                        .WithMany()
+                        .HasForeignKey("CategoryId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    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");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Navigation("CouponUses");
+
+                    b.Navigation("GiftCodeUses");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/20231018203522_AddedUserStoreData.cs b/Moonlight/App/Database/Migrations/20231018203522_AddedUserStoreData.cs
new file mode 100644
index 00000000..13c6ea26
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20231018203522_AddedUserStoreData.cs
@@ -0,0 +1,130 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddedUserStoreData : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropForeignKey(
+                name: "FK_Products_Categories_CategoryId",
+                table: "Products");
+
+            migrationBuilder.AddColumn<double>(
+                name: "Balance",
+                table: "Users",
+                type: "REAL",
+                nullable: false,
+                defaultValue: 0.0);
+
+            migrationBuilder.AlterColumn<int>(
+                name: "CategoryId",
+                table: "Products",
+                type: "INTEGER",
+                nullable: false,
+                defaultValue: 0,
+                oldClrType: typeof(int),
+                oldType: "INTEGER",
+                oldNullable: true);
+
+            migrationBuilder.AddColumn<int>(
+                name: "UserId",
+                table: "GiftCodeUses",
+                type: "INTEGER",
+                nullable: true);
+
+            migrationBuilder.AddColumn<int>(
+                name: "UserId",
+                table: "CouponUses",
+                type: "INTEGER",
+                nullable: true);
+
+            migrationBuilder.CreateIndex(
+                name: "IX_GiftCodeUses_UserId",
+                table: "GiftCodeUses",
+                column: "UserId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_CouponUses_UserId",
+                table: "CouponUses",
+                column: "UserId");
+
+            migrationBuilder.AddForeignKey(
+                name: "FK_CouponUses_Users_UserId",
+                table: "CouponUses",
+                column: "UserId",
+                principalTable: "Users",
+                principalColumn: "Id");
+
+            migrationBuilder.AddForeignKey(
+                name: "FK_GiftCodeUses_Users_UserId",
+                table: "GiftCodeUses",
+                column: "UserId",
+                principalTable: "Users",
+                principalColumn: "Id");
+
+            migrationBuilder.AddForeignKey(
+                name: "FK_Products_Categories_CategoryId",
+                table: "Products",
+                column: "CategoryId",
+                principalTable: "Categories",
+                principalColumn: "Id",
+                onDelete: ReferentialAction.Cascade);
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropForeignKey(
+                name: "FK_CouponUses_Users_UserId",
+                table: "CouponUses");
+
+            migrationBuilder.DropForeignKey(
+                name: "FK_GiftCodeUses_Users_UserId",
+                table: "GiftCodeUses");
+
+            migrationBuilder.DropForeignKey(
+                name: "FK_Products_Categories_CategoryId",
+                table: "Products");
+
+            migrationBuilder.DropIndex(
+                name: "IX_GiftCodeUses_UserId",
+                table: "GiftCodeUses");
+
+            migrationBuilder.DropIndex(
+                name: "IX_CouponUses_UserId",
+                table: "CouponUses");
+
+            migrationBuilder.DropColumn(
+                name: "Balance",
+                table: "Users");
+
+            migrationBuilder.DropColumn(
+                name: "UserId",
+                table: "GiftCodeUses");
+
+            migrationBuilder.DropColumn(
+                name: "UserId",
+                table: "CouponUses");
+
+            migrationBuilder.AlterColumn<int>(
+                name: "CategoryId",
+                table: "Products",
+                type: "INTEGER",
+                nullable: true,
+                oldClrType: typeof(int),
+                oldType: "INTEGER");
+
+            migrationBuilder.AddForeignKey(
+                name: "FK_Products_Categories_CategoryId",
+                table: "Products",
+                column: "CategoryId",
+                principalTable: "Categories",
+                principalColumn: "Id");
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/20231018204737_AddedTransactions.Designer.cs b/Moonlight/App/Database/Migrations/20231018204737_AddedTransactions.Designer.cs
new file mode 100644
index 00000000..4a54145b
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20231018204737_AddedTransactions.Designer.cs
@@ -0,0 +1,403 @@
+// <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("20231018204737_AddedTransactions")]
+    partial class AddedTransactions
+    {
+        /// <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.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CouponId");
+
+                    b.HasIndex("UserId");
+
+                    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.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("GiftCodeId");
+
+                    b.HasIndex("UserId");
+
+                    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.Store.Transaction", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<double>("Price")
+                        .HasColumnType("REAL");
+
+                    b.Property<string>("Text")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("Transaction");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Avatar")
+                        .HasColumnType("TEXT");
+
+                    b.Property<double>("Balance")
+                        .HasColumnType("REAL");
+
+                    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.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("CouponUses")
+                        .HasForeignKey("UserId");
+
+                    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.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("GiftCodeUses")
+                        .HasForeignKey("UserId");
+
+                    b.Navigation("GiftCode");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Category", "Category")
+                        .WithMany()
+                        .HasForeignKey("CategoryId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    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.Transaction", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("Transactions")
+                        .HasForeignKey("UserId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.Navigation("Shares");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Navigation("CouponUses");
+
+                    b.Navigation("GiftCodeUses");
+
+                    b.Navigation("Transactions");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/20231018204737_AddedTransactions.cs b/Moonlight/App/Database/Migrations/20231018204737_AddedTransactions.cs
new file mode 100644
index 00000000..b8581b52
--- /dev/null
+++ b/Moonlight/App/Database/Migrations/20231018204737_AddedTransactions.cs
@@ -0,0 +1,46 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace Moonlight.App.Database.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddedTransactions : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.CreateTable(
+                name: "Transaction",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "INTEGER", nullable: false)
+                        .Annotation("Sqlite:Autoincrement", true),
+                    Price = table.Column<double>(type: "REAL", nullable: false),
+                    Text = table.Column<string>(type: "TEXT", nullable: false),
+                    UserId = table.Column<int>(type: "INTEGER", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Transaction", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_Transaction_Users_UserId",
+                        column: x => x.UserId,
+                        principalTable: "Users",
+                        principalColumn: "Id");
+                });
+
+            migrationBuilder.CreateIndex(
+                name: "IX_Transaction_UserId",
+                table: "Transaction",
+                column: "UserId");
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropTable(
+                name: "Transaction");
+        }
+    }
+}
diff --git a/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs b/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
index d6b1eedb..6cfcd7f2 100644
--- a/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
+++ b/Moonlight/App/Database/Migrations/DataContextModelSnapshot.cs
@@ -17,6 +17,243 @@ 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.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CouponId");
+
+                    b.HasIndex("UserId");
+
+                    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.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("GiftCodeId");
+
+                    b.HasIndex("UserId");
+
+                    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.Store.Transaction", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<double>("Price")
+                        .HasColumnType("REAL");
+
+                    b.Property<string>("Text")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int?>("UserId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("Transaction");
+                });
+
             modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
                 {
                     b.Property<int>("Id")
@@ -26,6 +263,9 @@ namespace Moonlight.App.Database.Migrations
                     b.Property<string>("Avatar")
                         .HasColumnType("TEXT");
 
+                    b.Property<double>("Balance")
+                        .HasColumnType("REAL");
+
                     b.Property<DateTime>("CreatedAt")
                         .HasColumnType("TEXT");
 
@@ -58,6 +298,102 @@ 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.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("CouponUses")
+                        .HasForeignKey("UserId");
+
+                    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.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("GiftCodeUses")
+                        .HasForeignKey("UserId");
+
+                    b.Navigation("GiftCode");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Product", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.Store.Category", "Category")
+                        .WithMany()
+                        .HasForeignKey("CategoryId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    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.Transaction", b =>
+                {
+                    b.HasOne("Moonlight.App.Database.Entities.User", null)
+                        .WithMany("Transactions")
+                        .HasForeignKey("UserId");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.Store.Service", b =>
+                {
+                    b.Navigation("Shares");
+                });
+
+            modelBuilder.Entity("Moonlight.App.Database.Entities.User", b =>
+                {
+                    b.Navigation("CouponUses");
+
+                    b.Navigation("GiftCodeUses");
+
+                    b.Navigation("Transactions");
+                });
 #pragma warning restore 612, 618
         }
     }
diff --git a/Moonlight/App/Event/Args/TransactionCreatedEventArgs.cs b/Moonlight/App/Event/Args/TransactionCreatedEventArgs.cs
new file mode 100644
index 00000000..585791c7
--- /dev/null
+++ b/Moonlight/App/Event/Args/TransactionCreatedEventArgs.cs
@@ -0,0 +1,10 @@
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+
+namespace Moonlight.App.Event.Args;
+
+public class TransactionCreatedEventArgs
+{
+    public Transaction Transaction { get; set; }
+    public User User { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Event/Events.cs b/Moonlight/App/Event/Events.cs
index 3a7e16dd..35d822e4 100644
--- a/Moonlight/App/Event/Events.cs
+++ b/Moonlight/App/Event/Events.cs
@@ -1,4 +1,5 @@
 using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
 using Moonlight.App.Event.Args;
 
 namespace Moonlight.App.Event;
@@ -9,4 +10,6 @@ public class Events
     public static EventHandler<User> OnUserPasswordChanged;
     public static EventHandler<User> OnUserTotpSet;
     public static EventHandler<MailVerificationEventArgs> OnUserMailVerify;
+    public static EventHandler<Service> OnServiceOrdered;
+    public static EventHandler<TransactionCreatedEventArgs> OnTransactionCreated;
 }
\ No newline at end of file
diff --git a/Moonlight/App/Extensions/Attributes/SelectorAttribute.cs b/Moonlight/App/Extensions/Attributes/SelectorAttribute.cs
new file mode 100644
index 00000000..308bfa88
--- /dev/null
+++ b/Moonlight/App/Extensions/Attributes/SelectorAttribute.cs
@@ -0,0 +1,8 @@
+namespace Moonlight.App.Extensions.Attributes;
+
+public class SelectorAttribute : Attribute
+{
+    public string SelectorProp { get; set; } = "";
+    public string DisplayProp { get; set; } = "";
+    public bool UseDropdown { get; set; } = false;
+}
\ No newline at end of file
diff --git a/Moonlight/App/Helpers/ComponentHelper.cs b/Moonlight/App/Helpers/ComponentHelper.cs
new file mode 100644
index 00000000..45871641
--- /dev/null
+++ b/Moonlight/App/Helpers/ComponentHelper.cs
@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Moonlight.App.Helpers;
+
+public static class ComponentHelper
+{
+    public static RenderFragment FromType(Type type) => builder =>
+    {
+        builder.OpenComponent(0, type);
+        builder.CloseComponent();
+    };
+}
\ No newline at end of file
diff --git a/Moonlight/App/Helpers/Formatter.cs b/Moonlight/App/Helpers/Formatter.cs
index 3b9c8417..2c4dc708 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/Helpers/PropBinder.cs b/Moonlight/App/Helpers/PropBinder.cs
new file mode 100644
index 00000000..52c41313
--- /dev/null
+++ b/Moonlight/App/Helpers/PropBinder.cs
@@ -0,0 +1,57 @@
+using System.Reflection;
+
+namespace Moonlight.App.Helpers;
+
+public class PropBinder<T>
+{
+    private PropertyInfo PropertyInfo;
+    private object DataObject;
+
+    public PropBinder(PropertyInfo propertyInfo, object dataObject)
+    {
+        PropertyInfo = propertyInfo;
+        DataObject = dataObject;
+    }
+
+    public string StringValue
+    {
+        get => (string)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+
+    public int IntValue
+    {
+        get => (int)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+    
+    public long LongValue
+    {
+        get => (long)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+    
+    public bool BoolValue
+    {
+        get => (bool)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+
+    public DateTime DateTimeValue
+    {
+        get => (DateTime)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+
+    public T Class
+    {
+        get => (T)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+    
+    public double DoubleValue
+    {
+        get => (double)PropertyInfo.GetValue(DataObject)!;
+        set => PropertyInfo.SetValue(DataObject, value);
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Abstractions/PaymentGateway.cs b/Moonlight/App/Models/Abstractions/PaymentGateway.cs
new file mode 100644
index 00000000..06907615
--- /dev/null
+++ b/Moonlight/App/Models/Abstractions/PaymentGateway.cs
@@ -0,0 +1,8 @@
+namespace Moonlight.App.Models.Abstractions;
+
+public abstract class PaymentGateway
+{
+    public abstract string Name { get; }
+    public abstract string Icon { get; }
+    public abstract Task<string> Start(double price);
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Abstractions/ServiceActions.cs b/Moonlight/App/Models/Abstractions/ServiceActions.cs
new file mode 100644
index 00000000..6ae14d84
--- /dev/null
+++ b/Moonlight/App/Models/Abstractions/ServiceActions.cs
@@ -0,0 +1,10 @@
+using Moonlight.App.Database.Entities.Store;
+
+namespace Moonlight.App.Models.Abstractions;
+
+public abstract class ServiceActions
+{
+    public abstract Task Create(IServiceProvider provider, Service service);
+    public abstract Task Update(IServiceProvider provider, Service service);
+    public abstract Task Delete(IServiceProvider provider, Service service);
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Enums/Permission.cs b/Moonlight/App/Models/Enums/Permission.cs
index 4b2e8ca7..3bb7e627 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/Admin/Store/AddCouponForm.cs b/Moonlight/App/Models/Forms/Admin/Store/AddCouponForm.cs
new file mode 100644
index 00000000..ad363695
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Admin/Store/AddCouponForm.cs
@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Admin.Store;
+
+public class AddCouponForm
+{
+    [MinLength(5, ErrorMessage = "The code needs to be longer than 4")]
+    [MaxLength(15, ErrorMessage = "The code should not be longer than 15 characters")]
+    public string Code { get; set; } = "";
+    
+    [Range(1, 99, ErrorMessage = "The percent needs to be between 1 and 99")]
+    public int Percent { get; set; }
+    
+    [Range(0, int.MaxValue, ErrorMessage = "The amount needs to be equals or greater than 0")]
+    public int Amount { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Admin/Store/AddGiftCodeForm.cs b/Moonlight/App/Models/Forms/Admin/Store/AddGiftCodeForm.cs
new file mode 100644
index 00000000..29de4cd9
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Admin/Store/AddGiftCodeForm.cs
@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Admin.Store;
+
+public class AddGiftCodeForm
+{
+    [MinLength(5, ErrorMessage = "The code needs to be longer than 4")]
+    [MaxLength(15, ErrorMessage = "The code should not be longer than 15 characters")]
+    public string Code { get; set; } = "";
+    
+    [Range(0, int.MaxValue, ErrorMessage = "The value needs to be equals or greater than 0")]
+    public double Value { get; set; }
+    
+    [Range(0, int.MaxValue, ErrorMessage = "The amount needs to be equals or greater than 0")]
+    public int Amount { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Admin/Store/EditCouponForm.cs b/Moonlight/App/Models/Forms/Admin/Store/EditCouponForm.cs
new file mode 100644
index 00000000..89517f9f
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Admin/Store/EditCouponForm.cs
@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Admin.Store;
+
+public class EditCouponForm
+{
+    [MinLength(5, ErrorMessage = "The code needs to be longer than 4")]
+    [MaxLength(15, ErrorMessage = "The code should not be longer than 15 characters")]
+    public string Code { get; set; } = "";
+    
+    [Range(1, 99, ErrorMessage = "The percent needs to be between 1 and 99")]
+    public int Percent { get; set; }
+    
+    [Range(0, int.MaxValue, ErrorMessage = "The amount needs to be equals or greater than 0")]
+    public int Amount { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/Admin/Store/EditGiftCodeForm.cs b/Moonlight/App/Models/Forms/Admin/Store/EditGiftCodeForm.cs
new file mode 100644
index 00000000..93bdb843
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Admin/Store/EditGiftCodeForm.cs
@@ -0,0 +1,16 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Admin.Store;
+
+public class EditGiftCodeForm
+{
+    [MinLength(5, ErrorMessage = "The code needs to be longer than 4")]
+    [MaxLength(15, ErrorMessage = "The code should not be longer than 15 characters")]
+    public string Code { get; set; } = "";
+    
+    [Range(0, int.MaxValue, ErrorMessage = "The value needs to be equals or greater than 0")]
+    public double Value { get; set; }
+    
+    [Range(0, int.MaxValue, ErrorMessage = "The amount needs to be equals or greater than 0")]
+    public int Amount { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Models/Forms/UpdateUserForm.cs b/Moonlight/App/Models/Forms/Admin/Users/UpdateUserForm.cs
similarity index 92%
rename from Moonlight/App/Models/Forms/UpdateUserForm.cs
rename to Moonlight/App/Models/Forms/Admin/Users/UpdateUserForm.cs
index 90754264..c8f092ad 100644
--- a/Moonlight/App/Models/Forms/UpdateUserForm.cs
+++ b/Moonlight/App/Models/Forms/Admin/Users/UpdateUserForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Admin.Users;
 
 public class UpdateUserForm
 {
diff --git a/Moonlight/App/Models/Forms/UpdateUserPasswordForm.cs b/Moonlight/App/Models/Forms/Admin/Users/UpdateUserPasswordForm.cs
similarity index 88%
rename from Moonlight/App/Models/Forms/UpdateUserPasswordForm.cs
rename to Moonlight/App/Models/Forms/Admin/Users/UpdateUserPasswordForm.cs
index 8b6ae114..e6bfb7e8 100644
--- a/Moonlight/App/Models/Forms/UpdateUserPasswordForm.cs
+++ b/Moonlight/App/Models/Forms/Admin/Users/UpdateUserPasswordForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Admin.Users;
 
 public class UpdateUserPasswordForm
 {
diff --git a/Moonlight/App/Models/Forms/LoginForm.cs b/Moonlight/App/Models/Forms/Auth/LoginForm.cs
similarity index 89%
rename from Moonlight/App/Models/Forms/LoginForm.cs
rename to Moonlight/App/Models/Forms/Auth/LoginForm.cs
index c9787a49..32cd2be4 100644
--- a/Moonlight/App/Models/Forms/LoginForm.cs
+++ b/Moonlight/App/Models/Forms/Auth/LoginForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Auth;
 
 public class LoginForm
 {
diff --git a/Moonlight/App/Models/Forms/RegisterForm.cs b/Moonlight/App/Models/Forms/Auth/RegisterForm.cs
similarity index 96%
rename from Moonlight/App/Models/Forms/RegisterForm.cs
rename to Moonlight/App/Models/Forms/Auth/RegisterForm.cs
index b870fc9e..6ed3dc2a 100644
--- a/Moonlight/App/Models/Forms/RegisterForm.cs
+++ b/Moonlight/App/Models/Forms/Auth/RegisterForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Auth;
 
 public class RegisterForm
 {
diff --git a/Moonlight/App/Models/Forms/ResetPasswordForm.cs b/Moonlight/App/Models/Forms/Auth/ResetPasswordForm.cs
similarity index 86%
rename from Moonlight/App/Models/Forms/ResetPasswordForm.cs
rename to Moonlight/App/Models/Forms/Auth/ResetPasswordForm.cs
index 657eeeae..8bcca4a2 100644
--- a/Moonlight/App/Models/Forms/ResetPasswordForm.cs
+++ b/Moonlight/App/Models/Forms/Auth/ResetPasswordForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Auth;
 
 public class ResetPasswordForm
 {
diff --git a/Moonlight/App/Models/Forms/TwoFactorCodeForm.cs b/Moonlight/App/Models/Forms/Auth/TwoFactorCodeForm.cs
similarity index 82%
rename from Moonlight/App/Models/Forms/TwoFactorCodeForm.cs
rename to Moonlight/App/Models/Forms/Auth/TwoFactorCodeForm.cs
index 36e0c052..ed84da38 100644
--- a/Moonlight/App/Models/Forms/TwoFactorCodeForm.cs
+++ b/Moonlight/App/Models/Forms/Auth/TwoFactorCodeForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Auth;
 
 public class TwoFactorCodeForm
 {
diff --git a/Moonlight/App/Models/Forms/UpdateAccountForm.cs b/Moonlight/App/Models/Forms/Auth/UpdateAccountForm.cs
similarity index 93%
rename from Moonlight/App/Models/Forms/UpdateAccountForm.cs
rename to Moonlight/App/Models/Forms/Auth/UpdateAccountForm.cs
index 77259944..09ec62d7 100644
--- a/Moonlight/App/Models/Forms/UpdateAccountForm.cs
+++ b/Moonlight/App/Models/Forms/Auth/UpdateAccountForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Auth;
 
 public class UpdateAccountForm
 {
diff --git a/Moonlight/App/Models/Forms/UpdateAccountPasswordForm.cs b/Moonlight/App/Models/Forms/Auth/UpdateAccountPasswordForm.cs
similarity index 94%
rename from Moonlight/App/Models/Forms/UpdateAccountPasswordForm.cs
rename to Moonlight/App/Models/Forms/Auth/UpdateAccountPasswordForm.cs
index 49f3e1be..ed2b187d 100644
--- a/Moonlight/App/Models/Forms/UpdateAccountPasswordForm.cs
+++ b/Moonlight/App/Models/Forms/Auth/UpdateAccountPasswordForm.cs
@@ -1,6 +1,6 @@
 using System.ComponentModel.DataAnnotations;
 
-namespace Moonlight.App.Models.Forms;
+namespace Moonlight.App.Models.Forms.Auth;
 
 public class UpdateAccountPasswordForm
 {
diff --git a/Moonlight/App/Models/Forms/Services/AddUserToServiceForm.cs b/Moonlight/App/Models/Forms/Services/AddUserToServiceForm.cs
new file mode 100644
index 00000000..9109f1c2
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Services/AddUserToServiceForm.cs
@@ -0,0 +1,13 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace Moonlight.App.Models.Forms.Services;
+
+public class AddUserToServiceForm
+{
+    [Required(ErrorMessage = "You need to provide an username")]
+    [MinLength(7, ErrorMessage = "The username is too short")]
+    [MaxLength(20, ErrorMessage = "The username cannot be longer than 20 characters")]
+    [RegularExpression("^[a-z][a-z0-9]*$",
+        ErrorMessage = "Usernames can only contain lowercase characters and numbers")]
+    public string Username { get; set; } = "";
+}
\ 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 00000000..65a3d055
--- /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 00000000..5006dde6
--- /dev/null
+++ b/Moonlight/App/Models/Forms/Store/AddProductForm.cs
@@ -0,0 +1,40 @@
+using System.ComponentModel;
+using System.ComponentModel.DataAnnotations;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Database.Enums;
+using Moonlight.App.Extensions.Attributes;
+
+namespace Moonlight.App.Models.Forms.Store;
+
+public class AddProductForm
+{
+    [Required(ErrorMessage = "You need to specify a category")]
+    [Selector(DisplayProp = "Name", SelectorProp = "Name", UseDropdown = true)]
+    public Category Category { get; set; }
+
+    [Required(ErrorMessage = "You need to specify a name")]
+    [Description("Teeeeeeeeeeeeeeeeeeeeeeeeeest")]
+    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 greater than 0")]
+    public double Price { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The stock needs to be equals or greater than 0")]
+    public int Stock { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The max per user amount needs to be equals or greater than 0")]
+    public int MaxPerUser { get; set; }
+    
+    [Range(0, double.MaxValue, ErrorMessage = "The duration needs to be equals or greater than 0")]
+    public int Duration { get; set; }
+    
+    public ServiceType 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 00000000..f53081c5
--- /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 00000000..1ba410c2
--- /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 ServiceType Type { get; set; }
+    public string ConfigJson { get; set; } = "{}";
+}
\ No newline at end of file
diff --git a/Moonlight/App/Plugins/Contexts/PluginContext.cs b/Moonlight/App/Plugins/Contexts/PluginContext.cs
new file mode 100644
index 00000000..90ba8324
--- /dev/null
+++ b/Moonlight/App/Plugins/Contexts/PluginContext.cs
@@ -0,0 +1,12 @@
+namespace Moonlight.App.Plugins.Contexts;
+
+public class PluginContext
+{
+    public IServiceCollection Services { get; set; }
+    public IServiceProvider Provider { get; set; }
+    public IServiceScope Scope { get; set; }
+    public WebApplicationBuilder WebApplicationBuilder { get; set; }
+    public WebApplication WebApplication { get; set; }
+    public List<Action> PreInitTasks = new();
+    public List<Action> PostInitTasks = new();
+}
\ No newline at end of file
diff --git a/Moonlight/App/Plugins/MoonlightPlugin.cs b/Moonlight/App/Plugins/MoonlightPlugin.cs
new file mode 100644
index 00000000..b7d413ed
--- /dev/null
+++ b/Moonlight/App/Plugins/MoonlightPlugin.cs
@@ -0,0 +1,10 @@
+using Moonlight.App.Plugins.Contexts;
+
+namespace Moonlight.App.Plugins;
+
+public abstract class MoonlightPlugin
+{
+    public PluginContext Context { get; set; }
+    public abstract Task Enable();
+    public abstract Task Disable();
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Background/AutoMailSendService.cs b/Moonlight/App/Services/Background/AutoMailSendService.cs
index e159855d..12a3f4c7 100644
--- a/Moonlight/App/Services/Background/AutoMailSendService.cs
+++ b/Moonlight/App/Services/Background/AutoMailSendService.cs
@@ -1,23 +1,53 @@
 using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
 using Moonlight.App.Event;
+using Moonlight.App.Event.Args;
 
 namespace Moonlight.App.Services.Background;
 
 public class AutoMailSendService // This service is responsible for sending mails automatically 
 {
     private readonly MailService MailService;
-    private readonly ConfigService ConfigService;
 
-    public AutoMailSendService(MailService mailService, ConfigService configService)
+    public AutoMailSendService(MailService mailService)
     {
         MailService = mailService;
-        ConfigService = configService;
-        
+
         Events.OnUserRegistered += OnUserRegistered;
+        Events.OnServiceOrdered += OnServiceOrdered;
+        Events.OnTransactionCreated += OnTransactionCreated;
+    }
+
+    private async void OnTransactionCreated(object? sender, TransactionCreatedEventArgs eventArgs)
+    {
+        await MailService.Send(
+            eventArgs.User,
+            "New transaction",
+            "transactionCreated",
+            eventArgs.Transaction,
+            eventArgs.User
+        );
+    }
+
+    private async void OnServiceOrdered(object? _, Service service)
+    {
+        await MailService.Send(
+            service.Owner,
+            "New product ordered",
+            "serviceOrdered",
+            service,
+            service.Product,
+            service.Owner
+        );
     }
 
     private async void OnUserRegistered(object? _, User user)
     {
-        await MailService.Send(user, $"Welcome {user.Username}", "welcome", user);
+        await MailService.Send(
+            user,
+            $"Welcome {user.Username}",
+            "welcome",
+            user
+        );
     }
 }
\ No newline at end of file
diff --git a/Moonlight/App/Services/IdentityService.cs b/Moonlight/App/Services/IdentityService.cs
index a3339193..c31b303e 100644
--- a/Moonlight/App/Services/IdentityService.cs
+++ b/Moonlight/App/Services/IdentityService.cs
@@ -1,4 +1,6 @@
-using Moonlight.App.Database.Entities;
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
 using Moonlight.App.Exceptions;
 using Moonlight.App.Helpers;
 using Moonlight.App.Models.Abstractions;
@@ -23,6 +25,7 @@ public class IdentityService
     public bool IsSignedIn => CurrentUserNullable != null;
     public FlagStorage Flags { get; private set; } = new("");
     public PermissionStorage Permissions { get; private set; } = new(-1);
+    public Transaction[] Transactions => GetTransactions().Result; // TODO: make more efficient
     public EventHandler OnAuthenticationStateChanged { get; set; }
 
     public IdentityService(Repository<User> userRepository,
@@ -31,6 +34,20 @@ public class IdentityService
         UserRepository = userRepository;
         JwtService = jwtService;
     }
+    
+    // Transactions
+    public Task<Transaction[]> GetTransactions()
+    {
+        if (CurrentUserNullable == null)
+            return Task.FromResult(Array.Empty<Transaction>());
+
+        var user = UserRepository
+            .Get()
+            .Include(x => x.Transactions)
+            .First(x => x.Id == CurrentUserNullable.Id);
+
+        return Task.FromResult(user.Transactions.ToArray());
+    }
 
     // Authentication
 
diff --git a/Moonlight/App/Services/Interop/AlertService.cs b/Moonlight/App/Services/Interop/AlertService.cs
new file mode 100644
index 00000000..ee1f9f9d
--- /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 00000000..45d1984f
--- /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/PluginService.cs b/Moonlight/App/Services/PluginService.cs
new file mode 100644
index 00000000..81a3712d
--- /dev/null
+++ b/Moonlight/App/Services/PluginService.cs
@@ -0,0 +1,122 @@
+using System.Reflection;
+using Moonlight.App.Helpers;
+using Moonlight.App.Plugins;
+using Moonlight.App.Plugins.Contexts;
+
+namespace Moonlight.App.Services;
+
+public class PluginService
+{
+    private readonly List<MoonlightPlugin> Plugins = new();
+
+    public async Task Load(WebApplicationBuilder webApplicationBuilder)
+    {
+        var path = PathBuilder.Dir("storage", "plugins");
+        Directory.CreateDirectory(path);
+
+        var files = FindFiles(path)
+            .Where(x => x.EndsWith(".dll"))
+            .ToArray();
+
+        foreach (var file in files)
+        {
+            try
+            {
+                var assembly = Assembly.LoadFile(PathBuilder.File(Directory.GetCurrentDirectory(), file));
+
+                int plugins = 0;
+                foreach (var type in assembly.GetTypes())
+                {
+                    if (type.IsSubclassOf(typeof(MoonlightPlugin)))
+                    {
+                        try
+                        {
+                            var plugin = (Activator.CreateInstance(type) as MoonlightPlugin)!;
+
+                            // Create environment
+                            plugin.Context = new PluginContext()
+                            {
+                                Services = webApplicationBuilder.Services,
+                                WebApplicationBuilder = webApplicationBuilder
+                            };
+
+                            try
+                            {
+                                await plugin.Enable();
+                                
+                                // After here we can treat the plugin as successfully loaded
+                                plugins++;
+                                Plugins.Add(plugin);
+                            }
+                            catch (Exception e)
+                            {
+                                Logger.Fatal($"Unhandled exception while enabling plugin '{type.Name}'");
+                                Logger.Fatal(e);
+                            }
+                        }
+                        catch (Exception e)
+                        {
+                            Logger.Fatal($"Failed to create plugin environment for '{type.Name}'");
+                            Logger.Fatal(e);
+                        }
+                    }
+                }
+                
+                if(plugins == 0) // If 0, we can assume that it was a library dll
+                    Logger.Info($"Loaded {file} as a library");
+                else
+                    Logger.Info($"Loaded {plugins} plugin(s) from {file}");
+            }
+            catch (Exception e)
+            {
+                Logger.Fatal($"Unable to load assembly from file '{file}'");
+                Logger.Fatal(e);
+            }
+        }
+        
+        Logger.Info($"Loaded {Plugins.Count} plugin(s)");
+    }
+
+    public async Task RunPreInit()
+    {
+        foreach (var plugin in Plugins)
+        {
+            Logger.Info($"Running pre init tasks for {plugin.GetType().Name}");
+
+            foreach (var preInitTask in plugin.Context.PreInitTasks)
+                await Task.Run(preInitTask);
+        }
+    }
+    
+    public async Task RunPrePost(WebApplication webApplication)
+    {
+        foreach (var plugin in Plugins)
+        {
+            // Pass through the dependency injection
+            var scope = webApplication.Services.CreateScope();
+            plugin.Context.Provider = scope.ServiceProvider;
+            plugin.Context.Scope = scope;
+            plugin.Context.WebApplication = webApplication;
+            
+            Logger.Info($"Running post init tasks for {plugin.GetType().Name}");
+
+            foreach (var postInitTask in plugin.Context.PostInitTasks)
+                await Task.Run(postInitTask);
+        }
+    }
+
+    private string[] FindFiles(string dir)
+    {
+        var result = new List<string>();
+
+        foreach (var file in Directory.GetFiles(dir))
+            result.Add(file);
+
+        foreach (var directory in Directory.GetDirectories(dir))
+        {
+            result.AddRange(FindFiles(directory));
+        }
+
+        return result.ToArray();
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/ServiceManage/ServiceAdminService.cs b/Moonlight/App/Services/ServiceManage/ServiceAdminService.cs
new file mode 100644
index 00000000..d189f24c
--- /dev/null
+++ b/Moonlight/App/Services/ServiceManage/ServiceAdminService.cs
@@ -0,0 +1,91 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Database.Enums;
+using Moonlight.App.Exceptions;
+using Moonlight.App.Models.Abstractions;
+using Moonlight.App.Repositories;
+
+namespace Moonlight.App.Services.ServiceManage;
+
+public class ServiceAdminService
+{
+    public readonly Dictionary<ServiceType, ServiceActions> Actions = new();
+    private readonly IServiceScopeFactory ServiceScopeFactory;
+
+    public ServiceAdminService(IServiceScopeFactory serviceScopeFactory)
+    {
+        ServiceScopeFactory = serviceScopeFactory;
+    }
+
+    public async Task<Service> Create(User u, Product p, Action<Service>? modifyService = null)
+    {
+        if (!Actions.ContainsKey(p.Type))
+            throw new DisplayException($"The product type {p.Type} is not registered");
+        
+        // Load models in new scope
+        using var scope = ServiceScopeFactory.CreateScope();
+        var userRepo = scope.ServiceProvider.GetRequiredService<Repository<User>>();
+        var productRepo = scope.ServiceProvider.GetRequiredService<Repository<Product>>();
+        var serviceRepo = scope.ServiceProvider.GetRequiredService<Repository<Service>>();
+        
+        var user = userRepo.Get().First(x => x.Id == u.Id);
+        var product = productRepo.Get().First(x => x.Id == p.Id);
+
+        // Create database model
+        var service = new Service()
+        {
+            Product = product,
+            Owner = user,
+            Suspended = false,
+            CreatedAt = DateTime.UtcNow
+        };
+        
+        // Allow further modifications
+        if(modifyService != null)
+            modifyService.Invoke(service);
+
+        // Add new service in database
+        var finishedService = serviceRepo.Add(service);
+
+        // Call the action for the logic behind the service type
+        var actions = Actions[product.Type];
+        await actions.Create(scope.ServiceProvider, finishedService);
+
+        return finishedService;
+    }
+
+    public async Task Delete(Service s)
+    {
+        using var scope = ServiceScopeFactory.CreateScope();
+        var serviceRepo = scope.ServiceProvider.GetRequiredService<Repository<Service>>();
+        var serviceShareRepo = scope.ServiceProvider.GetRequiredService<Repository<ServiceShare>>();
+
+        var service = serviceRepo
+            .Get()
+            .Include(x => x.Product)
+            .Include(x => x.Shares)
+            .FirstOrDefault(x => x.Id == s.Id);
+
+        if (service == null)
+            throw new DisplayException("Service does not exist anymore");
+
+        if (!Actions.ContainsKey(service.Product.Type))
+            throw new DisplayException($"The product type {service.Product.Type} is not registered");
+        
+        await Actions[service.Product.Type].Delete(scope.ServiceProvider, service);
+
+        foreach (var share in service.Shares)
+        {
+            serviceShareRepo.Delete(share);
+        }
+        
+        serviceRepo.Delete(service);
+    }
+
+    public Task RegisterAction(ServiceType type, ServiceActions actions) // Use this function to register service types
+    {
+        Actions.Add(type, actions);
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/ServiceManage/ServiceService.cs b/Moonlight/App/Services/ServiceManage/ServiceService.cs
new file mode 100644
index 00000000..c0e4a71c
--- /dev/null
+++ b/Moonlight/App/Services/ServiceManage/ServiceService.cs
@@ -0,0 +1,112 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Exceptions;
+using Moonlight.App.Repositories;
+
+namespace Moonlight.App.Services.ServiceManage;
+
+public class ServiceService // This service is used for managing services and create the connection to the actual logic behind a service type
+{
+    private readonly IServiceProvider ServiceProvider;
+    private readonly Repository<Service> ServiceRepository;
+    private readonly Repository<User> UserRepository;
+
+    public ServiceAdminService Admin => ServiceProvider.GetRequiredService<ServiceAdminService>();
+
+    public ServiceService(IServiceProvider serviceProvider, Repository<Service> serviceRepository, Repository<User> userRepository)
+    {
+        ServiceProvider = serviceProvider;
+        ServiceRepository = serviceRepository;
+        UserRepository = userRepository;
+    }
+
+    public Task<Service[]> Get(User user)
+    {
+        var result = ServiceRepository
+            .Get()
+            .Include(x => x.Product)
+            .Where(x => x.Owner.Id == user.Id)
+            .ToArray();
+        
+        return Task.FromResult(result);
+    }
+
+    public Task<Service[]> GetShared(User user)
+    {
+        var result = ServiceRepository
+            .Get()
+            .Include(x => x.Product)
+            .Include(x => x.Owner)
+            .Where(x => x.Shares.Any(y => y.User.Id == user.Id))
+            .ToArray();
+        
+        return Task.FromResult(result);
+    }
+
+    public Task AddSharedUser(Service s, string username)
+    {
+        var userToAdd = UserRepository
+            .Get()
+            .FirstOrDefault(x => x.Username == username);
+
+        if (userToAdd == null)
+            throw new DisplayException("No user found with this username");
+
+        var service = ServiceRepository
+            .Get()
+            .Include(x => x.Owner)
+            .Include(x => x.Shares)
+            .ThenInclude(x => x.User)
+            .First(x => x.Id == s.Id);
+
+        if (service.Owner.Id == userToAdd.Id)
+            throw new DisplayException("The owner cannot be added as a shared user");
+
+        if (service.Shares.Any(x => x.User.Id == userToAdd.Id))
+            throw new DisplayException("The user has already access to this service");
+        
+        service.Shares.Add(new ()
+        {
+            User = userToAdd
+        });
+        
+        ServiceRepository.Update(service);
+        
+        return Task.CompletedTask;
+    }
+
+    public Task<User[]> GetSharedUsers(Service s)
+    {
+        var service = ServiceRepository
+            .Get()
+            .Include(x => x.Shares)
+            .ThenInclude(x => x.User)
+            .First(x => x.Id == s.Id);
+
+        var result = service.Shares
+            .Select(x => x.User)
+            .ToArray();
+
+        return Task.FromResult(result);
+    }
+
+    public Task RemoveSharedUser(Service s, User user)
+    {
+        var service = ServiceRepository
+            .Get()
+            .Include(x => x.Shares)
+            .ThenInclude(x => x.User)
+            .First(x => x.Id == s.Id);
+
+        var shareToRemove = service.Shares.FirstOrDefault(x => x.User.Id == user.Id);
+
+        if (shareToRemove == null)
+            throw new DisplayException("This user does not have access to this service");
+
+        service.Shares.Remove(shareToRemove);
+        ServiceRepository.Update(service);
+        
+        return Task.CompletedTask;
+    }
+}
\ 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 00000000..889708c2
--- /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, ServiceType 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/StoreGiftService.cs b/Moonlight/App/Services/Store/StoreGiftService.cs
new file mode 100644
index 00000000..58f59008
--- /dev/null
+++ b/Moonlight/App/Services/Store/StoreGiftService.cs
@@ -0,0 +1,60 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Exceptions;
+using Moonlight.App.Repositories;
+
+namespace Moonlight.App.Services.Store;
+
+public class StoreGiftService
+{
+    private readonly IServiceScopeFactory ServiceScopeFactory;
+
+    public StoreGiftService(IServiceScopeFactory serviceScopeFactory)
+    {
+        ServiceScopeFactory = serviceScopeFactory;
+    }
+
+    public async Task Redeem(User u, string code)
+    {
+        using var scope = ServiceScopeFactory.CreateScope();
+        var giftCodeRepo = scope.ServiceProvider.GetRequiredService<Repository<GiftCode>>();
+        var userRepo = scope.ServiceProvider.GetRequiredService<Repository<User>>();
+        
+        var user = userRepo
+            .Get()
+            .Include(x => x.GiftCodeUses)
+            .ThenInclude(x => x.GiftCode)
+            .FirstOrDefault(x => x.Id == u.Id);
+        
+        if(user == null)
+            throw new DisplayException("Unsafe value detected. Please reload the page to proceed");
+        
+        var giftCode = giftCodeRepo
+            .Get()
+            .FirstOrDefault(x => x.Code == code);
+
+        if (giftCode == null)
+            throw new DisplayException("The gift code does not exist");
+
+        if (giftCode.Amount < 1)
+            throw new DisplayException("The gift code can no longer be used as it has exceeded the max use amount");
+
+        if (user.GiftCodeUses.Any(x => x.GiftCode.Id == giftCode.Id))
+            throw new DisplayException("The gift code has already been used on this account");
+
+        giftCode.Amount--;
+        giftCodeRepo.Update(giftCode);
+        
+        var giftCardUse = new GiftCodeUse()
+        {
+            GiftCode = giftCode
+        };
+        
+        user.GiftCodeUses.Add(giftCardUse);
+        userRepo.Update(user);
+        
+        var transactionService = scope.ServiceProvider.GetRequiredService<TransactionService>();
+        await transactionService.Add(u, giftCode.Value, $"Redeemed gift code '{giftCode.Code}'");
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Store/StoreOrderService.cs b/Moonlight/App/Services/Store/StoreOrderService.cs
new file mode 100644
index 00000000..ab5924af
--- /dev/null
+++ b/Moonlight/App/Services/Store/StoreOrderService.cs
@@ -0,0 +1,204 @@
+using Microsoft.EntityFrameworkCore;
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Event;
+using Moonlight.App.Exceptions;
+using Moonlight.App.Extensions;
+using Moonlight.App.Repositories;
+using Moonlight.App.Services.ServiceManage;
+
+namespace Moonlight.App.Services.Store;
+
+public class StoreOrderService
+{
+    private readonly IServiceScopeFactory ServiceScopeFactory;
+
+    public StoreOrderService(IServiceScopeFactory serviceScopeFactory)
+    {
+        ServiceScopeFactory = serviceScopeFactory;
+    }
+
+    public Task Validate(User u, Product p, int durationMultiplier, Coupon? c)
+    {
+        using var scope = ServiceScopeFactory.CreateScope();
+        var productRepo = scope.ServiceProvider.GetRequiredService<Repository<Product>>();
+        var userRepo = scope.ServiceProvider.GetRequiredService<Repository<User>>();
+        var serviceRepo = scope.ServiceProvider.GetRequiredService<Repository<Service>>();
+        var couponRepo = scope.ServiceProvider.GetRequiredService<Repository<Coupon>>();
+
+        // Ensure the values are safe and loaded by using the created scope to bypass the cache
+
+        var user = userRepo
+            .Get()
+            .Include(x => x.CouponUses)
+            .ThenInclude(x => x.Coupon)
+            .FirstOrDefault(x => x.Id == u.Id);
+
+        if (user == null)
+            throw new DisplayException("Unsafe value detected. Please reload the page to proceed");
+
+
+        var product = productRepo
+            .Get()
+            .FirstOrDefault(x => x.Id == p.Id);
+
+        if (product == null)
+            throw new DisplayException("Unsafe value detected. Please reload the page to proceed");
+
+
+        Coupon? coupon = c;
+
+        if (coupon != null) // Only check if the coupon actually has a value
+        {
+            coupon = couponRepo
+                .Get()
+                .FirstOrDefault(x => x.Id == coupon.Id);
+
+            if (coupon == null)
+                throw new DisplayException("Unsafe value detected. Please reload the page to proceed");
+        }
+
+        // Perform checks on selected order
+
+        if (coupon != null && user.CouponUses.Any(x => x.Coupon.Id == coupon.Id))
+            throw new DisplayException("Coupon already used");
+
+        if (coupon != null && coupon.Amount < 1)
+            throw new DisplayException("No coupon uses left");
+
+        var price = product.Price * durationMultiplier;
+
+        if (coupon != null)
+            price = Math.Round(price - (price * coupon.Percent / 100), 2);
+
+        if (user.Balance < price)
+            throw new DisplayException("Order is too expensive");
+
+        var userServices = serviceRepo
+            .Get()
+            .Where(x => x.Product.Id == product.Id)
+            .Count(x => x.Owner.Id == user.Id);
+
+        if (userServices >= product.MaxPerUser)
+            throw new DisplayException("The limit of this product on your account has been reached");
+
+        if (product.Stock < 1)
+            throw new DisplayException("The product is out of stock");
+
+        return Task.CompletedTask;
+    }
+
+    public async Task<Service> Process(User u, Product p, int durationMultiplier, Coupon? c)
+    {
+        // Validate to ensure we dont process an illegal order
+        await Validate(u, p, durationMultiplier, c);
+
+        // Create scope and get required services
+        using var scope = ServiceScopeFactory.CreateScope();
+        var serviceService = scope.ServiceProvider.GetRequiredService<ServiceService>();
+        var transactionService = scope.ServiceProvider.GetRequiredService<TransactionService>();
+
+        // Calculate price
+        var price = p.Price * durationMultiplier;
+
+        if (c != null)
+            price = Math.Round(price - (price * c.Percent / 100), 2);
+
+        //  Calculate duration
+        var duration = durationMultiplier * p.Duration;
+
+        // Add transaction
+        await transactionService.Add(u, -1 * price, $"Bought product '{p.Name}' for {duration} days");
+
+        // Process coupon if used
+        if (c != null)
+        {
+            // Remove one use from the coupon
+            var couponRepo = scope.ServiceProvider.GetRequiredService<Repository<Coupon>>();
+
+            var coupon = couponRepo
+                .Get()
+                .First(x => x.Id == c.Id);
+            
+            coupon.Amount--;
+            couponRepo.Update(coupon);
+
+            // Add coupon use to user
+            var userRepo = scope.ServiceProvider.GetRequiredService<Repository<User>>();
+            
+            var user = userRepo
+                .Get()
+                .Include(x => x.CouponUses)
+                .First(x => x.Id == u.Id);
+            
+            user.CouponUses.Add(new ()
+            {
+                Coupon = coupon
+            });
+            
+            userRepo.Update(user);
+        }
+
+        // Create service
+        var service = await serviceService.Admin.Create(u, p,
+            service => { service.RenewAt = DateTime.UtcNow.AddDays(duration); });
+
+        await Events.OnServiceOrdered.InvokeAsync(service);
+        
+        return service;
+    }
+
+    public Task ValidateRenew(User u, Service s, int durationMultiplier)
+    {
+        using var scope = ServiceScopeFactory.CreateScope();
+        var userRepo = scope.ServiceProvider.GetRequiredService<Repository<User>>();
+        var serviceRepo = scope.ServiceProvider.GetRequiredService<Repository<Service>>();
+
+        var user = userRepo.Get().FirstOrDefault(x => x.Id == u.Id);
+        
+        if(user == null)
+            throw new DisplayException("Unsafe value detected. Please reload the page to proceed");
+
+        var service = serviceRepo
+            .Get()
+            .Include(x => x.Product)
+            .Include(x => x.Owner)
+            .FirstOrDefault(x => x.Id == s.Id);
+        
+        if(service == null)
+            throw new DisplayException("Unsafe value detected. Please reload the page to proceed");
+        
+        var price = service.Product.Price * durationMultiplier;
+        
+        if (user.Balance < price)
+            throw new DisplayException("Order is too expensive");
+        
+        return Task.CompletedTask;
+    }
+
+    public async Task Renew(User u, Service s, int durationMultiplier)
+    {
+        await ValidateRenew(u, s, durationMultiplier);
+        
+        using var scope = ServiceScopeFactory.CreateScope();
+        var serviceRepo = scope.ServiceProvider.GetRequiredService<Repository<Service>>();
+        var transactionService = scope.ServiceProvider.GetRequiredService<TransactionService>();
+
+        var service = serviceRepo
+            .Get()
+            .Include(x => x.Product)
+            .Include(x => x.Owner)
+            .First(x => x.Id == s.Id);
+        
+        var price = service.Product.Price * durationMultiplier;
+        
+        //  Calculate duration
+        var duration = durationMultiplier * service.Product.Duration;
+
+        // Add transaction
+        await transactionService.Add(u, -1 * price, $"Renewed service '{service.Nickname ?? $"Service {service.Id}"}' for {duration} days");
+
+        service.RenewAt = service.RenewAt.AddDays(duration);
+        serviceRepo.Update(service);
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Store/StorePaymentService.cs b/Moonlight/App/Services/Store/StorePaymentService.cs
new file mode 100644
index 00000000..ed3c5eb7
--- /dev/null
+++ b/Moonlight/App/Services/Store/StorePaymentService.cs
@@ -0,0 +1,14 @@
+using Moonlight.App.Models.Abstractions;
+
+namespace Moonlight.App.Services.Store;
+
+public class StorePaymentService
+{
+    public readonly List<PaymentGateway> Gateways = new();
+    
+    public Task RegisterGateway(PaymentGateway gateway)
+    {
+        Gateways.Add(gateway);
+        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 00000000..007db864
--- /dev/null
+++ b/Moonlight/App/Services/Store/StoreService.cs
@@ -0,0 +1,18 @@
+using Moonlight.App.Models.Abstractions;
+
+namespace Moonlight.App.Services.Store;
+
+public class StoreService
+{
+    private readonly IServiceProvider ServiceProvider;
+
+    public StoreAdminService Admin => ServiceProvider.GetRequiredService<StoreAdminService>();
+    public StoreOrderService Order => ServiceProvider.GetRequiredService<StoreOrderService>();
+    public StorePaymentService Payment => ServiceProvider.GetRequiredService<StorePaymentService>();
+    public StoreGiftService Gift => ServiceProvider.GetRequiredService<StoreGiftService>();
+
+    public StoreService(IServiceProvider serviceProvider)
+    {
+        ServiceProvider = serviceProvider;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/App/Services/Store/TransactionService.cs b/Moonlight/App/Services/Store/TransactionService.cs
new file mode 100644
index 00000000..b514d2d0
--- /dev/null
+++ b/Moonlight/App/Services/Store/TransactionService.cs
@@ -0,0 +1,45 @@
+using Moonlight.App.Database.Entities;
+using Moonlight.App.Database.Entities.Store;
+using Moonlight.App.Event;
+using Moonlight.App.Extensions;
+using Moonlight.App.Helpers;
+using Moonlight.App.Repositories;
+
+namespace Moonlight.App.Services.Store;
+
+public class TransactionService
+{
+    private readonly Repository<User> UserRepository;
+
+    public TransactionService(Repository<User> userRepository)
+    {
+        UserRepository = userRepository;
+    }
+
+    public async Task Add(User u, double amount, string message)
+    {
+        var user = UserRepository.Get().First(x => x.Id == u.Id); // Load user with current repo
+
+        var transaction = new Transaction()
+        {
+            Text = message,
+            Price = amount
+        };
+        
+        user.Transactions.Add(transaction);
+        UserRepository.Update(user);
+
+        // We divide the call to ensure the transaction can be written to the database 
+        
+        user.Balance += amount;
+        user.Balance = Math.Round(user.Balance, 2); // To prevent weird numbers
+        
+        UserRepository.Update(user);
+
+        await Events.OnTransactionCreated.InvokeAsync(new()
+        {
+            Transaction = transaction,
+            User = user
+        });
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Moonlight.csproj b/Moonlight/Moonlight.csproj
index d7de8415..ba132670 100644
--- a/Moonlight/Moonlight.csproj
+++ b/Moonlight/Moonlight.csproj
@@ -18,6 +18,7 @@
       <Folder Include="App\Http\Middleware\" />
       <Folder Include="App\Http\Requests\" />
       <Folder Include="App\Http\Resources\" />
+      <Folder Include="storage\logs\" />
       <Folder Include="wwwroot\img\" />
     </ItemGroup>
 
@@ -26,6 +27,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>
@@ -43,4 +45,8 @@
       <PackageReference Include="Serilog.Sinks.Console" Version="5.0.0-dev-00923" />
     </ItemGroup>
 
+    <ItemGroup>
+      <_ContentIncludedByDefault Remove="storage\config.json" />
+    </ItemGroup>
+
 </Project>
diff --git a/Moonlight/Pages/_Host.cshtml b/Moonlight/Pages/_Host.cshtml
index be86ec3c..266723ca 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 fb8fcceb..fe9ebe16 100644
--- a/Moonlight/Program.cs
+++ b/Moonlight/Program.cs
@@ -1,5 +1,7 @@
 using BlazorTable;
+using Moonlight.App.Actions.Dummy;
 using Moonlight.App.Database;
+using Moonlight.App.Database.Enums;
 using Moonlight.App.Extensions;
 using Moonlight.App.Helpers;
 using Moonlight.App.Helpers.LogMigrator;
@@ -7,6 +9,8 @@ using Moonlight.App.Repositories;
 using Moonlight.App.Services;
 using Moonlight.App.Services.Background;
 using Moonlight.App.Services.Interop;
+using Moonlight.App.Services.ServiceManage;
+using Moonlight.App.Services.Store;
 using Moonlight.App.Services.Users;
 using Moonlight.App.Services.Utils;
 using Serilog;
@@ -25,6 +29,13 @@ Log.Logger = logConfig.CreateLogger();
 
 var builder = WebApplication.CreateBuilder(args);
 
+// Init plugin system
+var pluginService = new PluginService();
+builder.Services.AddSingleton(pluginService);
+
+await pluginService.Load(builder);
+await pluginService.RunPreInit();
+
 builder.Services.AddDbContext<DataContext>();
 
 // Repositories
@@ -36,6 +47,16 @@ 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>();
+builder.Services.AddScoped<StoreOrderService>();
+builder.Services.AddScoped<StoreGiftService>();
+builder.Services.AddSingleton<StorePaymentService>();
+builder.Services.AddScoped<TransactionService>();
 
 // Services / Users
 builder.Services.AddScoped<UserService>();
@@ -45,6 +66,10 @@ builder.Services.AddScoped<UserDetailsService>();
 // Services / Background
 builder.Services.AddSingleton<AutoMailSendService>();
 
+// Services / ServiceManage
+builder.Services.AddScoped<ServiceService>();
+builder.Services.AddSingleton<ServiceAdminService>();
+
 // Services
 builder.Services.AddScoped<IdentityService>();
 builder.Services.AddSingleton<ConfigService>();
@@ -78,4 +103,9 @@ app.MapControllers();
 // Auto start background services
 app.Services.GetRequiredService<AutoMailSendService>();
 
+var serviceService = app.Services.GetRequiredService<ServiceAdminService>();
+await serviceService.RegisterAction(ServiceType.Server, new DummyActions());
+
+await pluginService.RunPrePost(app);
+
 app.Run();
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Auth/ChangePassword.razor b/Moonlight/Shared/Components/Auth/ChangePassword.razor
index 0c97afb7..a509d08f 100644
--- a/Moonlight/Shared/Components/Auth/ChangePassword.razor
+++ b/Moonlight/Shared/Components/Auth/ChangePassword.razor
@@ -2,6 +2,7 @@
 @using Moonlight.App.Services.Users
 @using Moonlight.App.Models.Forms
 @using Moonlight.App.Models.Enums
+@using Moonlight.App.Models.Forms.Auth
 
 @inject IdentityService IdentityService
 @inject UserService UserService
diff --git a/Moonlight/Shared/Components/Auth/Login.razor b/Moonlight/Shared/Components/Auth/Login.razor
index 8b1043ec..41c4b4be 100644
--- a/Moonlight/Shared/Components/Auth/Login.razor
+++ b/Moonlight/Shared/Components/Auth/Login.razor
@@ -3,6 +3,7 @@
 
 @using Moonlight.App.Services
 @using Moonlight.App.Models.Forms
+@using Moonlight.App.Models.Forms.Auth
 
 @inject IdentityService IdentityService
 @inject CookieService CookieService
diff --git a/Moonlight/Shared/Components/Auth/PasswordReset.razor b/Moonlight/Shared/Components/Auth/PasswordReset.razor
index f80632b4..946dd392 100644
--- a/Moonlight/Shared/Components/Auth/PasswordReset.razor
+++ b/Moonlight/Shared/Components/Auth/PasswordReset.razor
@@ -2,6 +2,7 @@
 
 @using Moonlight.App.Services.Users
 @using Moonlight.App.Models.Forms
+@using Moonlight.App.Models.Forms.Auth
 
 @inject UserService UserService
 
diff --git a/Moonlight/Shared/Components/Auth/Register.razor b/Moonlight/Shared/Components/Auth/Register.razor
index 9ce32d16..a685ca19 100644
--- a/Moonlight/Shared/Components/Auth/Register.razor
+++ b/Moonlight/Shared/Components/Auth/Register.razor
@@ -5,6 +5,7 @@
 @using Moonlight.App.Models.Forms
 @using Moonlight.App.Services.Users
 @using Moonlight.App.Exceptions
+@using Moonlight.App.Models.Forms.Auth
 
 @inject IdentityService IdentityService
 @inject UserService UserService
diff --git a/Moonlight/Shared/Components/Forms/AutoCrud.razor b/Moonlight/Shared/Components/Forms/AutoCrud.razor
new file mode 100644
index 00000000..15e4dd13
--- /dev/null
+++ b/Moonlight/Shared/Components/Forms/AutoCrud.razor
@@ -0,0 +1,235 @@
+@using BlazorTable
+@using Moonlight.App.Repositories
+@using System.Linq.Expressions
+@using Mappy.Net
+
+@typeparam TItem where TItem : class
+@typeparam TCreateForm
+@typeparam TUpdateForm
+
+@inject Repository<TItem> ItemRepository
+@inject ToastService ToastService
+
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">@(Title)</h3>
+        <div class="card-toolbar">
+            <button @onclick="StartCreate" class="btn btn-icon btn-success">
+                <i class="bx bx-sm bx-plus"></i>
+            </button>
+        </div>
+    </div>
+    <div class="card-body">
+        <LazyLoader @ref="LazyLoader" Load="LoadItems">
+            <Table TableItem="TItem"
+                   Items="Items"
+                   PageSize="50"
+                   TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 fs-6"
+                   TableHeadClass="fw-bold text-muted">
+                @ChildContent
+                <Column TableItem="TItem" Field="IdExpression" Title="" Sortable="false" Filterable="false">
+                    <Template>
+                        <div class="text-end">
+                            <div class="btn-group">
+                                <button @onclick="() => StartUpdate(context)" class="btn btn-icon btn-warning">
+                                    <i class="bx bx-sm bx-slider"></i>
+                                </button>
+                                <button @onclick="() => StartDelete(context)" class="btn btn-icon btn-danger">
+                                    <i class="bx bx-sm bx-trash"></i>
+                                </button>
+                            </div>
+                        </div>
+                    </Template>
+                </Column>
+            </Table>
+        </LazyLoader>
+    </div>
+</div>
+
+<SmartModal @ref="CreateModal" CssClasses="modal-dialog-centered modal-lg">
+    <div class="modal-header">
+        <h5 class="modal-title">Create</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <SmartForm Model="CreateForm" OnValidSubmit="FinishCreate">
+        <div class="modal-body">
+            <div class="row">
+                <AutoForm Columns="6" Model="CreateForm"/>
+            </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="UpdateModal" CssClasses="modal-dialog-centered modal-lg">
+    <div class="modal-header">
+        <h5 class="modal-title">Update</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <SmartForm Model="UpdateForm" OnValidSubmit="FinishUpdate">
+        <div class="modal-body">
+            <div class="row">
+                <AutoForm Columns="6" Model="UpdateForm"/>
+            </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="DeleteModal" CssClasses="modal-dialog-centered">
+    <div class="modal-header">
+        <h5 class="modal-title">Do you want to delete this item?</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <div class="modal-body">
+        <p class="text-gray-400 fs-5 fw-semibold">
+            This action cannot be undone. The data will be deleted and cannot be restored
+        </p>
+    </div>
+    <div class="modal-footer p-3">
+        <div class="btn-group w-100">
+            <WButton OnClick="FinishDelete" Text="Delete" CssClasses="btn btn-danger w-50 me-3"/>
+            <button class="btn btn-secondary w-50" data-bs-dismiss="modal">Cancel</button>
+        </div>
+    </div>
+</SmartModal>
+
+@code
+{
+    [Parameter]
+    public string Title { get; set; } = "";
+
+    [Parameter]
+    public Func<Repository<TItem>, TItem[]> Load { get; set; }
+
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+    
+    [Parameter]
+    public Func<TItem, Task>? ValidateAdd { get; set; }
+    
+    [Parameter]
+    public Func<TItem, Task>? ValidateUpdate { get; set; }
+    
+    [Parameter]
+    public Func<TItem, Task>? ValidateDelete { get; set; }
+
+    private TItem[] Items;
+    private TCreateForm CreateForm;
+    private TUpdateForm UpdateForm;
+    private TItem ItemToUpdate;
+    private TItem ItemToDelete;
+
+    private SmartModal CreateModal;
+    private SmartModal UpdateModal;
+    private SmartModal DeleteModal;
+
+    private Expression<Func<TItem, object>> IdExpression;
+    private LazyLoader LazyLoader;
+
+    protected override void OnInitialized()
+    {
+        if (Load == null)
+            throw new ArgumentNullException(nameof(Load));
+
+        CreateForm = Activator.CreateInstance<TCreateForm>()!;
+        UpdateForm = Activator.CreateInstance<TUpdateForm>()!;
+
+        IdExpression = CreateExpression();
+    }
+
+    private Task LoadItems(LazyLoader _)
+    {
+        Items = Load.Invoke(ItemRepository);
+
+        return Task.CompletedTask;
+    }
+
+    private async Task StartUpdate(TItem item)
+    {
+        UpdateForm = Mapper.Map<TUpdateForm>(item);
+        ItemToUpdate = item;
+        await UpdateModal.Show();
+    }
+
+    private async Task FinishUpdate()
+    {
+        var item = Mapper.Map(ItemToUpdate, UpdateForm!);
+
+        if (ValidateUpdate != null) // Optional additional validation
+            await ValidateUpdate.Invoke(item);
+        
+        ItemRepository.Update(item);
+
+    // Reset
+        await UpdateModal.Hide();
+        await LazyLoader.Reload();
+        await ToastService.Success("Successfully updated item");
+    }
+
+    private async Task StartCreate()
+    {
+        CreateForm = Activator.CreateInstance<TCreateForm>()!;
+        await CreateModal.Show();
+    }
+
+    private async Task FinishCreate()
+    {
+        var item = Mapper.Map<TItem>(CreateForm!);
+        
+        if (ValidateAdd != null) // Optional additional validation
+            await ValidateAdd.Invoke(item);
+        
+        ItemRepository.Add(item);
+
+    // Reset
+        await CreateModal.Hide();
+        await LazyLoader.Reload();
+        await ToastService.Success("Successfully added item");
+    }
+
+    private async Task StartDelete(TItem item)
+    {
+        ItemToDelete = item;
+        await DeleteModal.Show();
+    }
+
+    private async Task FinishDelete()
+    {
+        if (ValidateDelete != null) // Optional additional validation
+            await ValidateDelete.Invoke(ItemToDelete);
+        
+        ItemRepository.Delete(ItemToDelete);
+
+    // Reset
+        await DeleteModal.Hide();
+        await LazyLoader.Reload();
+        await ToastService.Success("Successfully deleted item");
+    }
+
+    private Expression<Func<TItem, object>> CreateExpression()
+    {
+    // Parameter expression for the input object
+        var inputParam = Expression.Parameter(typeof(TItem), "input");
+
+    // Convert the input object to the actual model type (MyModel in this example)
+        var castedInput = Expression.Convert(inputParam, typeof(TItem));
+
+    // Create a property access expression using the property name
+        var propertyAccess = Expression.Property(castedInput, "Id");
+
+    // Convert the property value to an object
+        var castedResult = Expression.Convert(propertyAccess, typeof(object));
+
+    // Create a lambda expression
+        var lambda = Expression.Lambda<Func<TItem, object>>(castedResult, inputParam);
+
+        return lambda;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Forms/AutoForm.razor b/Moonlight/Shared/Components/Forms/AutoForm.razor
new file mode 100644
index 00000000..553c3d6e
--- /dev/null
+++ b/Moonlight/Shared/Components/Forms/AutoForm.razor
@@ -0,0 +1,27 @@
+@using Moonlight.App.Extensions
+
+@typeparam TForm
+
+@foreach (var prop in typeof(TForm).GetProperties())
+{
+    <div class="col-md-@(Columns) col-12">
+        <CascadingValue Name="Property" Value="prop">
+            <CascadingValue Name="Data" Value="(object)Model">
+                @{
+                    var typeToCreate = typeof(AutoProperty<>).MakeGenericType(prop.PropertyType);
+                }
+
+                @ComponentHelper.FromType(typeToCreate)
+            </CascadingValue>
+        </CascadingValue>
+    </div>
+}
+
+@code
+{
+    [Parameter]
+    public TForm Model { get; set; }
+
+    [Parameter]
+    public int Columns { get; set; } = 6;
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Forms/AutoProperty.razor b/Moonlight/Shared/Components/Forms/AutoProperty.razor
new file mode 100644
index 00000000..1bc407b7
--- /dev/null
+++ b/Moonlight/Shared/Components/Forms/AutoProperty.razor
@@ -0,0 +1,151 @@
+@using System.Reflection
+@using System.ComponentModel
+@using Microsoft.AspNetCore.Components.Forms
+@using Moonlight.App.Extensions.Attributes
+@using Moonlight.App.Repositories
+
+@typeparam TProp
+@inject IServiceProvider ServiceProvider
+
+<label class="form-label">
+    @(Formatter.ConvertCamelCaseToSpaces(Property.Name))
+</label>
+
+@* Description using attribute *@
+
+@{
+    var attrs = Property.GetCustomAttributes(true);
+
+    var descAttr = attrs
+        .FirstOrDefault(x => x.GetType() == typeof(DescriptionAttribute));
+}
+
+@if (descAttr != null)
+{
+    var attribute = descAttr as DescriptionAttribute;
+
+    <div class="form-text fs-5 mb-2 mt-0">
+        @(attribute!.Description)
+    </div>
+}
+
+@* Actual value binding *@
+
+<div class="input-group mb-5">
+    @if (Property.PropertyType == typeof(string))
+    {
+        <div class="w-100">
+            <InputText id="@Property.Name" @bind-Value="Binder.StringValue" class="form-control"/>
+        </div>
+    }
+    else if (Property.PropertyType == typeof(int))
+    {
+        <InputNumber id="@Property.Name" @bind-Value="Binder.IntValue" class="form-control"/>
+    }
+    else if (Property.PropertyType == typeof(double))
+    {
+        <InputNumber id="@Property.Name" @bind-Value="Binder.DoubleValue" class="form-control"/>
+    }
+    else if (Property.PropertyType == typeof(long))
+    {
+        <InputNumber id="@Property.Name" @bind-Value="Binder.LongValue" class="form-control"/>
+    }
+    else if (Property.PropertyType == typeof(bool))
+    {
+        <div class="form-check">
+            <InputCheckbox id="@Property.Name" @bind-Value="Binder.BoolValue" class="form-check-input"/>
+        </div>
+    }
+    else if (Property.PropertyType == typeof(DateTime))
+    {
+        <InputDate id="@Property.Name" @bind-Value="Binder.DateTimeValue" class="form-control"/>
+    }
+    else if (Property.PropertyType == typeof(decimal))
+    {
+        <InputNumber id="@Property.Name" step="0.01" @bind-Value="Binder.DoubleValue" class="form-control"/>
+    }
+    else if (Property.PropertyType.IsEnum)
+    {
+        <select @bind="Binder.Class" class="form-select">
+            @foreach (var status in (TProp[])Enum.GetValues(typeof(TProp)))
+            {
+                if (Binder.Class.ToString() == status.ToString())
+                {
+                    <option value="@(status)" selected="">@(status)</option>
+                }
+                else
+                {
+                    <option value="@(status)">@(status)</option>
+                }
+            }
+        </select>
+    }
+    else if (Property.PropertyType.IsClass)
+    {
+        var attribute = Property.GetCustomAttributes(true)
+            .FirstOrDefault(x => x.GetType() == typeof(SelectorAttribute)) as SelectorAttribute;
+
+        if (attribute != null)
+        {
+            if (attribute.UseDropdown)
+            {
+                var displayFunc = new Func<TProp, string>(x =>
+                {
+                    var prop = typeof(TProp).GetProperties().First(x => x.Name == attribute.DisplayProp);
+                    return prop.GetValue(x) as string ?? "N/A";
+                });
+                
+                var searchFunc = new Func<TProp, string>(x =>
+                {
+                    var prop = typeof(TProp).GetProperties().First(x => x.Name == attribute.SelectorProp);
+                    return prop.GetValue(x) as string ?? "N/A";
+                });
+                
+                <SmartDropdown @bind-Value="Binder.Class" DisplayFunc="displayFunc" SearchProp="searchFunc" Items="Items" />
+            }
+            else
+            {
+                var displayFunc = new Func<TProp, string>(x =>
+                {
+                    var prop = typeof(TProp).GetProperties().First(x => x.Name == attribute.DisplayProp);
+                    return prop.GetValue(x) as string ?? "N/A";
+                });
+                
+                <SmartSelect @bind-Value="Binder.Class" DisplayField="displayFunc" Items="Items" CanBeNull="true" />
+            }
+        }
+    }
+</div>
+
+@code
+{
+    [CascadingParameter(Name = "Data")]
+    public object Data { get; set; }
+
+    [CascadingParameter(Name = "Property")]
+    public PropertyInfo Property { get; set; }
+
+    private PropBinder<TProp> Binder;
+    private TProp[] Items = Array.Empty<TProp>();
+
+    protected override void OnInitialized()
+    {
+        Binder = new(Property, Data);
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            if (Property.GetCustomAttributes(true).Any(x => x.GetType() == typeof(SelectorAttribute)))
+            {
+                var typeToGetByDi = typeof(Repository<>).MakeGenericType(typeof(TProp));
+                var repo = ServiceProvider.GetRequiredService(typeToGetByDi);
+                var dbSet = repo.GetType().GetMethods().First(x => x.Name == "Get").Invoke(repo, null) as IEnumerable<TProp>;
+                Items = dbSet!.ToArray();
+
+                await InvokeAsync(StateHasChanged);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Forms/SmartDropdown.razor b/Moonlight/Shared/Components/Forms/SmartDropdown.razor
new file mode 100644
index 00000000..4e014a8e
--- /dev/null
+++ b/Moonlight/Shared/Components/Forms/SmartDropdown.razor
@@ -0,0 +1,141 @@
+@using Microsoft.AspNetCore.Components.Forms
+
+@typeparam T
+@inherits InputBase<T>
+
+<div class="dropdown w-100">
+    <div class="input-group">
+        @if (CurrentValue == null)
+        {
+            <input class="form-control" type="text" @bind-value="SearchTerm" @bind-value:event="oninput" placeholder="@(Placeholder)">
+        }
+        else
+        {
+            <input class="form-control" type="text" value="@(DisplayFunc(CurrentValue))">
+            <button class="btn btn-sm btn-primary" @onclick="() => SelectItem(default(T)!)">
+                <i class="bx bx-sm bx-x"></i>
+            </button>
+        }
+    </div>
+
+    @{
+        var anyItems = FilteredItems.Any();
+    }
+
+    <div class="dropdown-menu w-100 @(anyItems ? "show" : "")" style="max-height: 200px; overflow-y: auto;">
+        @if (anyItems)
+        {
+            foreach (var item in FilteredItems)
+            {
+                <button class="dropdown-item py-2" type="button" @onclick="() => SelectItem(item)">@DisplayFunc(item)</button>
+            }
+        }
+    </div>
+</div>
+
+@code {
+
+    [Parameter]
+    public IEnumerable<T> Items { get; set; }
+
+    [Parameter]
+    public Func<T, string> DisplayFunc { get; set; }
+
+    [Parameter]
+    public Func<T, string> SearchProp { get; set; }
+    
+    [Parameter]
+    public Func<Task>? OnSelected { get; set; }
+
+    [Parameter]
+    public string Placeholder { get; set; } = "Search...";
+
+    private string SearchTerm
+    {
+        get => searchTerm;
+        set
+        {
+            searchTerm = value;
+            FilteredItems = Items.OrderByDescending(x => Matches(SearchProp(x), searchTerm)).Take(30).ToList();
+        }
+    }
+
+    private string searchTerm = "";
+
+    private List<T> FilteredItems = new();
+
+    private async void SelectItem(T item)
+    {
+        CurrentValue = item;
+        SearchTerm = "";
+        FilteredItems.Clear();
+
+        if (OnSelected != null)
+            await OnSelected.Invoke();
+    }
+
+    protected override bool TryParseValueFromString(string? value, out T result, out string? validationErrorMessage)
+    {
+    // Check if the value is null or empty
+        if (string.IsNullOrEmpty(value))
+        {
+            result = default(T)!;
+            validationErrorMessage = "Value cannot be null or empty";
+            return false;
+        }
+
+    // Try to find an item that matches the search term
+        var item = FilteredItems.OrderByDescending(x => Matches(SearchProp(x), value)).FirstOrDefault();
+        if (item != null)
+        {
+            result = item;
+            validationErrorMessage = null;
+            return true;
+        }
+        else
+        {
+            result = default(T)!;
+            validationErrorMessage = $"No item found for search term '{value}'";
+            return false;
+        }
+    }
+
+    private float Matches(string input, string search)
+    {
+        if (string.IsNullOrEmpty(input) || string.IsNullOrEmpty(search))
+            return 0;
+
+        var cleanedSearch = search
+            .ToLower()
+            .Replace(" ", "")
+            .Replace("-", "");
+
+        var cleanedInput = input
+            .ToLower()
+            .Replace(" ", "")
+            .Replace("-", "");
+
+        if (cleanedInput == cleanedSearch)
+            return 10000;
+
+        float matches = 0;
+
+        int i = 0;
+        foreach (var c in cleanedInput)
+        {
+            if (cleanedSearch.Length > i)
+            {
+                if (c == cleanedSearch[i])
+                    matches++;
+                else
+                    matches--;
+            }
+
+            i++;
+        }
+
+        matches = matches / searchTerm.Length;
+
+        return matches;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Forms/SmartEnumSelect.razor b/Moonlight/Shared/Components/Forms/SmartEnumSelect.razor
new file mode 100644
index 00000000..2c08f07d
--- /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 00000000..d7501a65
--- /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/Modals/ManageServiceShareModal.razor b/Moonlight/Shared/Components/Modals/ManageServiceShareModal.razor
new file mode 100644
index 00000000..693bcd54
--- /dev/null
+++ b/Moonlight/Shared/Components/Modals/ManageServiceShareModal.razor
@@ -0,0 +1,105 @@
+@using Moonlight.App.Services.ServiceManage
+@using Moonlight.App.Database.Entities.Store
+@using BlazorTable
+@using Moonlight.App.Models.Forms.Services
+
+@inject ServiceService ServiceService
+
+<SmartModal @ref="Modal" CssClasses="modal-dialog-centered modal-lg">
+    <div class="modal-header">
+        <h5 class="modal-title fs-3">Manage shared users</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <div class="modal-body">
+        <LazyLoader @ref="LazyLoader" Load="Load">
+            <div class="mb-3">
+                <SmartForm Model="Form" OnValidSubmit="Add">
+                    <div class="input-group">
+                        <input @bind="Form.Username" type="text" placeholder="Enter a username..." class="form-control"/>
+                        <button type="submit" class="btn btn-primary">Add</button>
+                    </div>
+                </SmartForm>
+            </div>
+            @if (Users.Any())
+            {
+                <Table TableItem="User"
+                       Items="Users"
+                       PageSize="50"
+                       TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 fs-6"
+                       TableHeadClass="fw-bold text-muted">
+                    <Column TableItem="User" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false">
+                        <Template>
+                            <div class="symbol symbol-50px me-5">
+                                @if (context.Avatar == null)
+                                {
+                                    <img src="/assets/img/avatar.png" alt="Avatar">
+                                }
+                                else
+                                {
+                                    <img src="/api/bucket/avatars/@(context.Avatar)" alt="Avatar">
+                                }
+                            </div>
+                            <span class="ms-3">@(context.Username)</span>
+                        </Template>
+                    </Column>
+                    <Column TableItem="User" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false">
+                        <Template>
+                            <div class="text-end me-3">
+                                <a @onclick="() => Remove(context)" @onclick:preventDefault href="#" class="text-danger">Remove</a>
+                            </div>
+                        </Template>
+                    </Column>
+                </Table>
+            }
+            else
+            {
+                <div class="d-flex justify-content-center py-4">
+                    <span class="mt-3 fs-5">No users found</span>
+                </div>
+            }
+        </LazyLoader>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+    </div>
+</SmartModal>
+
+@code
+{
+    [Parameter]
+    public Service Service { get; set; }
+
+    private SmartModal Modal;
+    private LazyLoader LazyLoader;
+    private User[] Users;
+
+    private AddUserToServiceForm Form = new();
+
+    private async Task Load(LazyLoader _)
+    {
+        Users = await ServiceService.GetSharedUsers(Service);
+    }
+
+    private async Task Add()
+    {
+        await ServiceService.AddSharedUser(Service, Form.Username);
+        Form = new();
+        await LazyLoader.Reload();
+    }
+
+    private async Task Remove(User user)
+    {
+        await ServiceService.RemoveSharedUser(Service, user);
+        await LazyLoader.Reload();
+    }
+
+    public async Task Show()
+    {
+        await Modal.Show();
+    }
+
+    public async Task Hide()
+    {
+        await Modal.Hide();
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Modals/Store/AddCouponModal.razor b/Moonlight/Shared/Components/Modals/Store/AddCouponModal.razor
new file mode 100644
index 00000000..69b280ad
--- /dev/null
+++ b/Moonlight/Shared/Components/Modals/Store/AddCouponModal.razor
@@ -0,0 +1,60 @@
+@using Moonlight.App.Models.Forms.Store
+@using Moonlight.App.Repositories
+@using Moonlight.App.Database.Entities.Store
+@using Mappy.Net
+@using Moonlight.App.Models.Forms.Admin.Store
+
+@inject Repository<Coupon> CouponRepository
+@inject ToastService ToastService
+
+<SmartModal @ref="Modal" CssClasses="modal-dialog-centered modal-lg">
+    <div class="modal-header">
+        <h5 class="modal-title fs-3">Add new modal</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </div>
+    <SmartForm Model="Form" OnValidSubmit="OnValidSubmit">
+        <div class="modal-body">
+            <div class="mb-3">
+                <label class="form-label">Code</label>
+                <input @bind="Form.Code" class="form-control" type="text"/>
+            </div>
+            <div class="mb-3">
+                <label class="form-label">Percent</label>
+                <input @bind="Form.Percent" class="form-control" type="number"/>
+            </div>
+            <div>
+                <label class="form-label">Amount</label>
+                <input @bind="Form.Amount" class="form-control" type="number"/>
+            </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>
+
+@code
+{
+    [Parameter]
+    public Func<Task> OnUpdate { get; set; }
+
+    private SmartModal Modal;
+    private AddCouponForm Form = new();
+
+    public async Task Show()
+    {
+        await Modal.Show();
+    }
+    
+    private async Task OnValidSubmit()
+    {
+        var coupon = Mapper.Map<Coupon>(Form);
+        CouponRepository.Add(coupon);
+
+        Form = new();
+        await ToastService.Success("Successfully added new coupon");
+        await Modal.Hide();
+        await OnUpdate.Invoke();
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Navigations/AccountNavigation.razor b/Moonlight/Shared/Components/Navigations/AccountNavigation.razor
index 396283d6..d3ed0970 100644
--- a/Moonlight/Shared/Components/Navigations/AccountNavigation.razor
+++ b/Moonlight/Shared/Components/Navigations/AccountNavigation.razor
@@ -1,4 +1,4 @@
-<div class="card mb-5 mb-xl-10">
+<div class="card mb-5 mb-xl-10">
     <div class="card-body pt-0 pb-0">
         <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
             <li class="nav-item mt-2">
@@ -11,6 +11,11 @@
                     Security
                 </a>
             </li>
+            <li class="nav-item mt-2">
+                <a class="nav-link text-active-primary ms-0 me-10 py-5 @(Index == 2 ? "active" : "")" href="/account/payments">
+                    Payments
+                </a>
+            </li>
         </ul>
     </div>
 </div>
diff --git a/Moonlight/Shared/Components/Navigations/AdminStoreNavigation.razor b/Moonlight/Shared/Components/Navigations/AdminStoreNavigation.razor
new file mode 100644
index 00000000..1e8f8638
--- /dev/null
+++ b/Moonlight/Shared/Components/Navigations/AdminStoreNavigation.razor
@@ -0,0 +1,27 @@
+<div class="card mb-5 mb-xl-10">
+    <div class="card-body pt-0 pb-0">
+        <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
+            <li class="nav-item mt-2">
+                <a class="nav-link text-active-primary ms-0 me-10 py-5 @(Index == 0 ? "active" : "")" href="/admin/store">
+                    <i class="bx bx-sm bxs-shopping-bags me-2"></i> Overview
+                </a>
+            </li>
+            <li class="nav-item mt-2">
+                <a class="nav-link text-active-primary ms-0 me-10 py-5 @(Index == 1 ? "active" : "")" href="/admin/store/coupons">
+                    <i class="bx bx-sm bxs-coupon me-2"></i> Coupons
+                </a>
+            </li>
+            <li class="nav-item mt-2">
+                <a class="nav-link text-active-primary ms-0 me-10 py-5 @(Index == 2 ? "active" : "")" href="/admin/store/gifts">
+                    <i class="bx bx-sm bx-gift me-2"></i> Gifts
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>
+
+@code
+{
+    [Parameter]
+    public int Index { get; set; }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Partials/LazyLoader.razor b/Moonlight/Shared/Components/Partials/LazyLoader.razor
index 7da0ced0..cc9d917f 100644
--- a/Moonlight/Shared/Components/Partials/LazyLoader.razor
+++ b/Moonlight/Shared/Components/Partials/LazyLoader.razor
@@ -1,34 +1,49 @@
-@if (loaded)
+@if (Loaded)
 {
     @ChildContent
 }
 else
 {
-    <div class="d-flex justify-content-center py-4">
-        <span class="fs-1 spinner-border spinner-border-lg align-middle me-2"></span>
-        <span class="mt-3 fs-5">@(Text)</span>
-    </div>
+    if (ShowAsCard)
+    {
+        <div class="card card-body">
+            <div class="d-flex justify-content-center py-4">
+                <span class="fs-1 spinner-border spinner-border-lg align-middle me-2"></span>
+                <span class="mt-3 fs-5">@(Text)</span>
+            </div>
+        </div>
+    }
+    else
+    {
+        <div class="d-flex justify-content-center py-4">
+            <span class="fs-1 spinner-border spinner-border-lg align-middle me-2"></span>
+            <span class="mt-3 fs-5">@(Text)</span>
+        </div>
+    }
 }
 
 @code
 {
     [Parameter]
     public RenderFragment ChildContent { get; set; }
-    
+
+    [Parameter]
+    public bool ShowAsCard { get; set; } = false;
+
     [Parameter]
     public Func<LazyLoader, Task> Load { get; set; }
 
     [Parameter]
     public string Text { get; set; } = "";
 
-    private bool loaded = false;
+    private bool Loaded = false;
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
         {
             await Load.Invoke(this);
-            loaded = true;
+            Loaded = true;
             await InvokeAsync(StateHasChanged);
         }
     }
@@ -41,10 +56,10 @@ else
 
     public async Task Reload()
     {
-        loaded = false;
+        Loaded = false;
         await InvokeAsync(StateHasChanged);
         await Load.Invoke(this);
-        loaded = true;
+        Loaded = true;
         await InvokeAsync(StateHasChanged);
     }
 }
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Partials/PageHeader.razor b/Moonlight/Shared/Components/Partials/PageHeader.razor
index 32f18c37..44642efa 100644
--- a/Moonlight/Shared/Components/Partials/PageHeader.razor
+++ b/Moonlight/Shared/Components/Partials/PageHeader.razor
@@ -2,6 +2,7 @@
 @using Moonlight.App.Services
 
 @inject IdentityService IdentityService
+@inject ConfigService ConfigService
 @inject CookieService CookieService
 
 <div class="app-header">
@@ -57,6 +58,17 @@
                         </div>
                     </div>
                     <div class="separator my-2"></div>
+                    <div class="menu-item px-5">
+                        <a href="/account/payments" class="menu-link px-5">
+                            <span class="menu-badge">
+                                <span class="badge badge-info fw-bold fs-7 badge-lg">@(ConfigService.Get().Store.Currency) @(IdentityService.CurrentUser.Balance)</span>
+                            </span>
+                            <span class="menu-text ms-3">
+                                Payment
+                            </span>
+                        </a>
+                    </div>
+                    <div class="separator my-2"></div>
                     <div class="menu-item px-5">
                         <a href="/account" class="menu-link px-5">
                             Account
diff --git a/Moonlight/Shared/Components/Partials/Sidebar.razor b/Moonlight/Shared/Components/Partials/Sidebar.razor
index 8d02ef29..2b4382cb 100644
--- a/Moonlight/Shared/Components/Partials/Sidebar.razor
+++ b/Moonlight/Shared/Components/Partials/Sidebar.razor
@@ -62,7 +62,7 @@
                         </div>
                         <div class="app-sidebar-separator separator"></div>
                     </div>
-                    
+
                     <div class="menu-item">
                         <a class="menu-link " href="/admin">
                             <span class="menu-icon">
@@ -73,7 +73,7 @@
                             </span>
                         </a>
                     </div>
-                    
+
                     <div class="menu-item">
                         <a class="menu-link " href="/admin/users">
                             <span class="menu-icon">
@@ -84,6 +84,17 @@
                             </span>
                         </a>
                     </div>
+
+                    <div class="menu-item">
+                        <a class="menu-link " href="/admin/store">
+                            <span class="menu-icon">
+                                <i class="bx bx-sm bxs-shopping-bags"></i>
+                            </span>
+                            <span class="menu-title">
+                                Store
+                            </span>
+                        </a>
+                    </div>
                 }
             </div>
         </div>
diff --git a/Moonlight/Shared/Components/Partials/SmartModal.razor b/Moonlight/Shared/Components/Partials/SmartModal.razor
new file mode 100644
index 00000000..5697cc21
--- /dev/null
+++ b/Moonlight/Shared/Components/Partials/SmartModal.razor
@@ -0,0 +1,45 @@
+@inject ModalService ModalService
+
+<div class="modal fade" id="modal@(Id)" tabindex="-1">
+    <div class="modal-dialog @(CssClasses)">
+        <div class="modal-content">
+            @if (ShouldShow)
+            {
+                @ChildContent
+            }
+        </div>
+    </div>
+</div>
+
+@code
+{
+    [Parameter]
+    public string CssClasses { get; set; } = "";
+    
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+    
+    private int Id;
+    private bool ShouldShow = false;
+
+    protected override void OnInitialized()
+    {
+        Id = GetHashCode();
+    }
+
+    public async Task Show()
+    {
+        ShouldShow = true;
+        await InvokeAsync(StateHasChanged);
+        
+        await ModalService.Show("modal" + Id);
+    }
+
+    public async Task Hide()
+    {
+        await ModalService.Hide("modal" + Id);
+        
+        ShouldShow = false;
+        await InvokeAsync(StateHasChanged);
+    }
+}
diff --git a/Moonlight/Shared/Components/Service/ServiceItem.razor b/Moonlight/Shared/Components/Service/ServiceItem.razor
new file mode 100644
index 00000000..a2409716
--- /dev/null
+++ b/Moonlight/Shared/Components/Service/ServiceItem.razor
@@ -0,0 +1,251 @@
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Services
+@using Moonlight.App.Services.ServiceManage
+@using Moonlight.App.Services.Store
+@using Moonlight.Shared.Components.Modals
+
+@inject ConfigService ConfigService
+@inject ToastService ToastService
+@inject ServiceService ServiceService
+@inject StoreService StoreService
+@inject IdentityService IdentityService
+
+@if (ShowDeletionScreen)
+{
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title align-items-start flex-column">
+                <span class="card-label fw-bold text-dark fs-3">Do you really want to delete @(Service.Nickname ?? $"Service {Service.Id}")</span>
+            </h3>
+        </div>
+        <div class="card-body">
+            <p class="text-gray-400 fs-5 fw-semibold">
+                This action cannot be undone. Your service data will be deleted and cannot be restored
+            </p>
+        </div>
+        <div class="card-footer p-3">
+            <div class="btn-group w-100">
+                <WButton OnClick="Delete" Text="Delete" CssClasses="btn btn-danger w-50 me-3"/>
+                <button @onclick="() => SetShowDeletion(false)" class="btn btn-secondary w-50">Cancel</button>
+            </div>
+        </div>
+    </div>
+}
+else if (ShowRenewScreen)
+{
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title align-items-start flex-column">
+                <span class="card-label fw-bold text-dark fs-3">Do you want to renew @(Service.Nickname ?? $"Service {Service.Id}")</span>
+            </h3>
+        </div>
+        <div class="card-body fs-5">
+            <div class="row mb-5">
+                <div class="col-md-4 col-12">
+                    <a @onclick="() => SetDurationMultiplier(1)" @onclick:preventDefault href="#" class="card card-body bg-hover-secondary text-center @(DurationMultiplier == 1 ? "border border-info" : "")">
+                        <h6 class="fw-bold mb-0 align-middle">@(Service.Product.Duration * 1) days</h6>
+                    </a>
+                </div>
+                <div class="col-md-4 col-12">
+                    <a @onclick="() => SetDurationMultiplier(2)" @onclick:preventDefault href="#" class="card card-body bg-hover-secondary text-center @(DurationMultiplier == 2 ? "border border-info" : "")">
+                        <h6 class="fw-bold mb-0 align-middle">@(Service.Product.Duration * 2) days</h6>
+                    </a>
+                </div>
+                <div class="col-md-4 col-12">
+                    <a @onclick="() => SetDurationMultiplier(3)" @onclick:preventDefault href="#" class="card card-body bg-hover-secondary text-center @(DurationMultiplier == 3 ? "border border-info" : "")">
+                        <h6 class="fw-bold mb-0 align-middle">@(Service.Product.Duration * 3) days</h6>
+                    </a>
+                </div>
+            </div>
+
+            @{
+                var actualPrice = Service.Product.Price * DurationMultiplier;
+                var currency = ConfigService.Get().Store.Currency;
+            }
+
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Today</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(currency) @(actualPrice)</span>
+                </div>
+            </div>
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Renew</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(currency) @(Service.Product.Price)</span>
+                </div>
+            </div>
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Duration</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(Service.Product.Duration * DurationMultiplier) days</span>
+                </div>
+            </div>
+            <div class="separator my-4"></div>
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Total</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(currency) @(actualPrice)</span>
+                </div>
+            </div>
+            <div class="mt-7">
+                @if (!CanBeRenewed && !string.IsNullOrEmpty(ErrorMessage))
+                {
+                    <div class="alert alert-warning bg-warning text-white text-center">
+                        @ErrorMessage
+                    </div>
+                }
+            </div>
+            <div class="mt-5">
+                @if (IsValidating)
+                {
+                    <button class="btn btn-primary w-100 disabled" disabled="">
+                        <span class="spinner-border spinner-border-sm align-middle"></span>
+                    </button>
+                }
+                else
+                {
+                    if (CanBeRenewed)
+                    {
+                        <WButton OnClick="Renew" Text="@($"Renew for {currency} {actualPrice}")" CssClasses="btn btn-primary w-100"/>
+                    }
+                    else
+                    {
+                        <button class="btn btn-primary w-100 disabled" disabled="">Order for @(currency) @(actualPrice)</button>
+                    }
+                }
+            </div>
+        </div>
+        <div class="card-footer p-3">
+            <div class="btn-group w-100">
+                <button @onclick="() => SetShowRenew(false)" class="btn btn-secondary">Cancel</button>
+            </div>
+        </div>
+    </div>
+}
+else
+{
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title align-items-start flex-column">
+                <span class="card-label fw-bold text-dark fs-3">@(Service.Nickname ?? $"Service {Service.Id}")</span>
+                <span class="text-gray-400 mt-1 fw-semibold fs-6">@(Service.Product.Name)</span>
+            </h3>
+        </div>
+        <div class="card-body fs-6">
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Renew price</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(ConfigService.Get().Store.Currency) @(Service.Product.Price)</span>
+                </div>
+            </div>
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Renew at</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(Formatter.FormatDate(Service.RenewAt))</span>
+                </div>
+            </div>
+            <div class="d-flex flex-stack">
+                <div class="text-gray-700 fw-semibold me-2">Created at</div>
+                <div class="d-flex align-items-senter">
+                    <span class="fw-bold">@(Formatter.FormatDate(Service.CreatedAt))</span>
+                </div>
+            </div>
+        </div>
+        <div class="card-footer p-3">
+            <div class="btn-group w-100 mb-3">
+                <a href="/service/@(Service.Id)" class="btn btn-primary w-50 me-3">Manage</a>
+                <button @onclick="() => ShareModal.Show()" class="btn btn-secondary w-50">Manage shares</button>
+            </div>
+            <div class="btn-group w-100">
+                <button @onclick="() => SetShowRenew(true)" class="btn btn-warning w-50 me-3">Renew</button>
+                <button @onclick="() => SetShowDeletion(true)" class="btn btn-danger w-50">Delete</button>
+            </div>
+        </div>
+    </div>
+
+    <ManageServiceShareModal @ref="ShareModal" Service="Service"/>
+}
+
+
+
+@code
+{
+    [Parameter]
+    public Service Service { get; set; }
+
+    [Parameter]
+    public Func<Task> OnChange { get; set; }
+
+    private bool ShowDeletionScreen = false;
+    private bool ShowRenewScreen = false;
+    private ManageServiceShareModal ShareModal;
+
+    private int DurationMultiplier = 1;
+    private bool CanBeRenewed = false;
+    private bool IsValidating = false;
+    private string ErrorMessage = "";
+
+    private Task Revalidate()
+    {
+        IsValidating = true;
+        InvokeAsync(StateHasChanged);
+
+        Task.Run(async () =>
+        {
+            try
+            {
+                await StoreService.Order.ValidateRenew(IdentityService.CurrentUser, Service, DurationMultiplier);
+                CanBeRenewed = true;
+            }
+            catch (DisplayException e)
+            {
+                CanBeRenewed = false;
+                ErrorMessage = e.Message;
+            }
+
+            IsValidating = false;
+            await InvokeAsync(StateHasChanged);
+        });
+
+        return Task.CompletedTask;
+    }
+
+    private async Task Renew()
+    {
+        await StoreService.Order.Renew(IdentityService.CurrentUser, Service, DurationMultiplier);
+
+        await ToastService.Success("Successfully renewed service");
+        await OnChange.Invoke();
+    }
+
+    private async Task SetDurationMultiplier(int i)
+    {
+        DurationMultiplier = i;
+        await Revalidate();
+    }
+
+    private async Task SetShowDeletion(bool b)
+    {
+        ShowDeletionScreen = b;
+        await InvokeAsync(StateHasChanged);
+    }
+
+    private async Task SetShowRenew(bool b)
+    {
+        ShowRenewScreen = b;
+
+        if (b) // Revalidate when the renew screen is shown
+            await Revalidate();
+
+        await InvokeAsync(StateHasChanged);
+    }
+
+    public async Task Delete()
+    {
+        await ServiceService.Admin.Delete(Service);
+
+        await ToastService.Success("Successfully deleted service");
+        await OnChange.Invoke();
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Components/Store/StoreModals.razor b/Moonlight/Shared/Components/Store/StoreModals.razor
new file mode 100644
index 00000000..d75850ce
--- /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/Account/Index.razor b/Moonlight/Shared/Views/Account/Index.razor
index 4c38afda..4b50822e 100644
--- a/Moonlight/Shared/Views/Account/Index.razor
+++ b/Moonlight/Shared/Views/Account/Index.razor
@@ -3,6 +3,7 @@
 @using Moonlight.App.Services
 @using Moonlight.App.Services.Users
 @using Moonlight.App.Models.Forms
+@using Moonlight.App.Models.Forms.Auth
 
 @inject IdentityService IdentityService
 @inject UserService UserService
diff --git a/Moonlight/Shared/Views/Account/Payments.razor b/Moonlight/Shared/Views/Account/Payments.razor
new file mode 100644
index 00000000..ba008779
--- /dev/null
+++ b/Moonlight/Shared/Views/Account/Payments.razor
@@ -0,0 +1,142 @@
+@page "/account/payments"
+
+@using Moonlight.App.Services
+@using Moonlight.App.Database.Entities.Store
+@using BlazorTable
+@using Moonlight.App.Models.Abstractions
+@using Moonlight.App.Services.Store
+
+@inject IdentityService IdentityService
+@inject ConfigService ConfigService
+@inject StoreService StoreService
+@inject ToastService ToastService
+@inject NavigationManager Navigation
+
+<AccountNavigation Index="2"/>
+
+<div class="row mt-5">
+    <div class="col-md-6 col-12">
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Redeem gift code</h3>
+            </div>
+            <div class="card-body">
+                <div class="input-group">
+                    <input @bind="GiftCode" class="form-control form-control-solid-bg" placeholder="Gift code..."/>
+                    <WButton OnClick="RedeemGiftCode" Text="Redeem" WorkingText="Checking" CssClasses="btn btn-primary"/>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6 col-12">
+        <div class="card card-body">
+            <div class="row d-flex justify-content-center">
+                <input @bind="Amount" class="form-control form-control-lg form-control-solid-bg w-50 text-center fs-2" placeholder="Enter amount to add to your account"/>
+            </div>
+            <div class="row mt-5 d-flex justify-content-center">
+                @foreach (var gateway in StoreService.Payment.Gateways)
+                {
+                    <div class="col-md-4 col-12">
+                        <a @onclick="() => SelectGateway(gateway)" @onclick:preventDefault href="#" class="card card-body bg-hover-info text-center border border-info @(SelectedGateway == gateway ? "bg-info" : "")">
+                            <i class="@(gateway.Icon)"></i>
+                            <h4 class="fw-bold mb-0 align-middle">@(gateway.Name)</h4>
+                        </a>
+                    </div>
+                }
+            </div>
+            <div class="row mt-5">
+                <div class="text-center">
+                    <WButton OnClick="LaunchPayment" Text="Add balance to your account" CssClasses="btn btn-primary"/>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card mt-5">
+    <div class="card-header">
+        <h3 class="card-title">Transactions</h3>
+    </div>
+    <div class="card-body">
+        <LazyLoader @ref="LazyLoader" Load="Load">
+            <Table TableItem="Transaction"
+                   Items="Transactions"
+                   PageSize="50"
+                   TableClass="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3 fs-6"
+                   TableHeadClass="fw-bold text-muted">
+                <Column TableItem="Transaction" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false" Width="10%">
+                    <Template>
+                        @if (context.Price == 0)
+                        {
+                            <i class="bx bx-sm bx-circle text-info align-middle"></i>
+                        }
+                        else if (context.Price < 0)
+                        {
+                            <i class="bx bx-sm bx-minus text-danger align-middle"></i>
+                        }
+                        else
+                        {
+                            <i class="bx bx-sm bx-plus text-success align-middle"></i>
+                        }
+                    </Template>
+                </Column>
+                <Column TableItem="Transaction" Title="" Field="@(x => x.Id)" Sortable="false" Filterable="false">
+                    <Template>
+                        <span>@(ConfigService.Get().Store.Currency) @(Math.Abs(context.Price))</span>
+                    </Template>
+                </Column>
+                <Column TableItem="Transaction" Title="" Field="@(x => x.Text)" Sortable="false" Filterable="false"/>
+                <Pager AlwaysShow="true"/>
+            </Table>
+        </LazyLoader>
+    </div>
+</div>
+
+@code
+{
+    private LazyLoader LazyLoader;
+
+    private Transaction[] Transactions;
+    private string GiftCode = "";
+    private double Amount = 0;
+    private PaymentGateway? SelectedGateway;
+
+    private async Task Load(LazyLoader _)
+    {
+        Transactions = await IdentityService.GetTransactions();
+        
+        Transactions = Transactions
+            .OrderByDescending(x => x.Id)
+            .ToArray();
+    }
+
+    private async Task RedeemGiftCode()
+    {
+        if (string.IsNullOrEmpty(GiftCode))
+            return;
+
+        await StoreService.Gift.Redeem(IdentityService.CurrentUser, GiftCode);
+
+        // Reset
+        GiftCode = "";
+        await InvokeAsync(StateHasChanged);
+        
+        await ToastService.Success("Successfully applied gift code");
+        await LazyLoader.Reload();
+    }
+
+    private async Task SelectGateway(PaymentGateway gateway)
+    {
+        SelectedGateway = gateway;
+        await InvokeAsync(StateHasChanged);
+    }
+
+    private async Task LaunchPayment()
+    {
+        if (SelectedGateway == null)
+            return;
+
+        var url = await SelectedGateway.Start(Amount);
+        Navigation.NavigateTo(url, true);
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Views/Account/Security.razor b/Moonlight/Shared/Views/Account/Security.razor
index 41dce9f4..98b6cc76 100644
--- a/Moonlight/Shared/Views/Account/Security.razor
+++ b/Moonlight/Shared/Views/Account/Security.razor
@@ -6,6 +6,7 @@
 @using OtpNet
 @using QRCoder
 @using Moonlight.App.Models.Enums
+@using Moonlight.App.Models.Forms.Auth
 
 @inject IdentityService IdentityService
 @inject UserService UserService
diff --git a/Moonlight/Shared/Views/Admin/Store/Coupons.razor b/Moonlight/Shared/Views/Admin/Store/Coupons.razor
new file mode 100644
index 00000000..aebcee81
--- /dev/null
+++ b/Moonlight/Shared/Views/Admin/Store/Coupons.razor
@@ -0,0 +1,43 @@
+@page "/admin/store/coupons"
+
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Repositories
+@using BlazorTable
+@using Moonlight.App.Models.Forms.Admin.Store
+
+@inject Repository<Coupon> CouponRepository
+
+<AdminStoreNavigation Index="1"/>
+
+<div class="mt-5">
+    <AutoCrud TItem="Coupon"
+              TCreateForm="AddCouponForm"
+              TUpdateForm="EditCouponForm"
+              Title="Manage coupons"
+              Load="LoadData"
+              ValidateAdd="Validate"
+              ValidateUpdate="Validate">
+        <Column TableItem="Coupon" Title="Id" Field="@(x => x.Id)" Sortable="true" Filterable="true"/>
+        <Column TableItem="Coupon" Title="Code" Field="@(x => x.Code)" Sortable="true" Filterable="true"/>
+        <Column TableItem="Coupon" Title="Amount" Field="@(x => x.Amount)" Sortable="true" Filterable="true"/>
+        <Column TableItem="Coupon" Title="Percent" Field="@(x => x.Percent)" Sortable="true" Filterable="true"/>
+    </AutoCrud>
+</div>
+
+@code
+{
+    private Coupon[] LoadData(Repository<Coupon> repository)
+    {
+        return repository
+            .Get()
+            .ToArray();
+    }
+
+    private Task Validate(Coupon coupon)
+    {
+        if (CouponRepository.Get().Any(x => x.Code == coupon.Code && x.Id != coupon.Id))
+            throw new DisplayException("A coupon with that code does already exist");
+
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Views/Admin/Store/Gifts.razor b/Moonlight/Shared/Views/Admin/Store/Gifts.razor
new file mode 100644
index 00000000..288823dd
--- /dev/null
+++ b/Moonlight/Shared/Views/Admin/Store/Gifts.razor
@@ -0,0 +1,41 @@
+@page "/admin/store/gifts"
+
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Models.Forms.Admin.Store
+@using Moonlight.App.Repositories
+@using BlazorTable
+
+@inject Repository<GiftCode> GiftCodeRepository
+
+<AdminStoreNavigation Index="2"/>
+
+<div class="mt-5">
+    <AutoCrud TItem="GiftCode"
+              TCreateForm="AddGiftCodeForm"
+              TUpdateForm="EditGiftCodeForm"
+              Title="Manage gift codes"
+              Load="LoadData"
+              ValidateAdd="Validate">
+        <Column TableItem="GiftCode" Field="@(x => x.Code)" Title="Code" Sortable="false" Filterable="true" />
+        <Column TableItem="GiftCode" Field="@(x => x.Amount)" Title="Amount" Sortable="true" Filterable="true" />
+        <Column TableItem="GiftCode" Field="@(x => x.Value)" Title="Value" Sortable="true" Filterable="true" />
+    </AutoCrud>
+</div>
+
+@code
+{
+    private GiftCode[] LoadData(Repository<GiftCode> repository)
+    {
+        return repository
+            .Get()
+            .ToArray();
+    }
+
+    private Task Validate(GiftCode giftCode)
+    {
+        if (GiftCodeRepository.Get().Any(x => x.Code == giftCode.Code && x.Id != giftCode.Id))
+            throw new DisplayException("A gift code with that code does already exist");
+        
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/Moonlight/Shared/Views/Admin/Store/Index.razor b/Moonlight/Shared/Views/Admin/Store/Index.razor
new file mode 100644
index 00000000..ae18b68d
--- /dev/null
+++ b/Moonlight/Shared/Views/Admin/Store/Index.razor
@@ -0,0 +1,3 @@
+@page "/admin/store"
+
+<AdminStoreNavigation Index="0"/>
\ No newline at end of file
diff --git a/Moonlight/Shared/Views/Services/Index.razor b/Moonlight/Shared/Views/Services/Index.razor
new file mode 100644
index 00000000..3d06ea4b
--- /dev/null
+++ b/Moonlight/Shared/Views/Services/Index.razor
@@ -0,0 +1,66 @@
+@page "/services"
+
+@using Moonlight.App.Services.ServiceManage
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Services
+@using Moonlight.Shared.Components.Service
+
+@inject ServiceService ServiceService
+@inject IdentityService IdentityService
+
+<LazyLoader @ref="LazyLoader" ShowAsCard="true" Load="Load">
+    <div class="row mb-5">
+        @foreach (var service in MyServices)
+        {
+            <div class="col-md-3 col-12">
+                <ServiceItem Service="service" OnChange="LazyLoader.Reload" />
+            </div>
+        }
+
+        @foreach (var service in SharedServices)
+        {
+            <div class="col-md-3 col-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title align-items-start flex-column">
+                            <span class="card-label fw-bold text-dark fs-3">@(service.Nickname ?? $"Service {service.Id}")</span>
+                            <span class="text-gray-400 mt-1 fw-semibold fs-6">@(service.Product.Name)</span>
+                        </h3>
+                    </div>
+                    <div class="card-body fs-6">
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Shared by</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(service.Owner.Username)</span>
+                            </div>
+                        </div>
+
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Created at</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(Formatter.FormatDate(service.CreatedAt))</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="card-footer p-3 text-center">
+                        <button class="btn btn-primary">Manage</button>
+                    </div>
+                </div>
+            </div>
+        }
+    </div>
+</LazyLoader>
+
+@code
+{
+    private LazyLoader LazyLoader;
+    
+    private Service[] MyServices;
+    private Service[] SharedServices;
+
+    private async Task Load(LazyLoader _)
+    {
+        MyServices = await ServiceService.Get(IdentityService.CurrentUser);
+        SharedServices = await ServiceService.GetShared(IdentityService.CurrentUser);
+    }
+}
\ 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 00000000..c3b13767
--- /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/Shared/Views/Store/Order.razor b/Moonlight/Shared/Views/Store/Order.razor
new file mode 100644
index 00000000..a21da6e5
--- /dev/null
+++ b/Moonlight/Shared/Views/Store/Order.razor
@@ -0,0 +1,251 @@
+@page "/store/order/{slug}"
+
+@using Moonlight.App.Services.Store
+@using Moonlight.App.Services
+@using Moonlight.App.Database.Entities.Store
+@using Moonlight.App.Repositories
+@using Moonlight.App.Services.ServiceManage
+
+@inject ConfigService ConfigService
+@inject StoreService StoreService
+@inject IdentityService IdentityService
+@inject AlertService AlertService
+@inject NavigationManager Navigation
+@inject ServiceService ServiceService
+@inject Repository<Product> ProductRepository
+@inject Repository<Coupon> CouponRepository
+
+<LazyLoader Load="Load">
+    @if (SelectedProduct == null)
+    {
+        @*
+TODO: Add 404 here
+*@
+    }
+    else
+    {
+        <div class="row">
+            <div class="col-md-7 col-12">
+                <div class="card mb-5">
+                    <div class="card-body">
+                        <h2 class="fs-2x fw-bold mb-10">@(SelectedProduct.Name)</h2>
+                        <p class="text-gray-400 fs-4 fw-semibold">
+                            @Formatter.FormatLineBreaks(SelectedProduct.Description)
+                        </p>
+                    </div>
+                </div>
+                <div class="row mb-5">
+                    <div class="col-md-4 col-12">
+                        <a @onclick="() => SetDurationMultiplier(1)" @onclick:preventDefault href="#" class="card card-body bg-hover-secondary text-center @(DurationMultiplier == 1 ? "border border-info" : "")">
+                            <h4 class="fw-bold mb-0 align-middle">@(SelectedProduct.Duration * 1) days</h4>
+                        </a>
+                    </div>
+                    <div class="col-md-4 col-12">
+                        <a @onclick="() => SetDurationMultiplier(2)" @onclick:preventDefault href="#" class="card card-body bg-hover-secondary text-center @(DurationMultiplier == 2 ? "border border-info" : "")">
+                            <h4 class="fw-bold mb-0 align-middle">@(SelectedProduct.Duration * 2) days</h4>
+                        </a>
+                    </div>
+                    <div class="col-md-4 col-12">
+                        <a @onclick="() => SetDurationMultiplier(3)" @onclick:preventDefault href="#" class="card card-body bg-hover-secondary text-center @( DurationMultiplier == 3 ? "border border-info" : "")">
+                            <h4 class="fw-bold mb-0 align-middle">@(SelectedProduct.Duration * 3) days</h4>
+                        </a>
+                    </div>
+                </div>
+                <div class="card mb-5">
+                    <div class="card-body">
+                        <h3 class="fs-1x fw-bold mb-10">Apply coupon codes</h3>
+                        <div class="input-group">
+                            <input @bind="CouponCode" class="form-control form-control-solid" placeholder="Coupon code..."/>
+                            <button @onclick="ApplyCoupon" class="btn btn-primary">Apply</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-1 col-12"></div>
+            <div class="col-md-3 col-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">Summary</h3>
+                    </div>
+
+                    @{
+                        var defaultPrice = SelectedProduct.Price * DurationMultiplier;
+                        double actualPrice;
+
+                        if (SelectedCoupon == null)
+                            actualPrice = defaultPrice;
+                        else
+                            actualPrice = Math.Round(defaultPrice - (defaultPrice * SelectedCoupon.Percent / 100), 2);
+
+                        var currency = ConfigService.Get().Store.Currency;
+                    }
+
+                    <div class="card-body fs-5">
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Today</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(currency) @(actualPrice)</span>
+                            </div>
+                        </div>
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Renew</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(currency) @(SelectedProduct.Price)</span>
+                            </div>
+                        </div>
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Duration</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(SelectedProduct.Duration * DurationMultiplier) days</span>
+                            </div>
+                        </div>
+                        <div class="separator my-4"></div>
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Discount</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(SelectedCoupon?.Percent ?? 0)%</span>
+                            </div>
+                        </div>
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Coupon</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(SelectedCoupon?.Code ?? "None")</span>
+                            </div>
+                        </div>
+                        <div class="separator my-4"></div>
+                        <div class="d-flex flex-stack">
+                            <div class="text-gray-700 fw-semibold me-2">Total</div>
+                            <div class="d-flex align-items-senter">
+                                <span class="fw-bold">@(currency) @(actualPrice)</span>
+                            </div>
+                        </div>
+                        <div class="mt-7">
+                            @if (!CanBeOrdered && !string.IsNullOrEmpty(ErrorMessage))
+                            {
+                                <div class="alert alert-warning bg-warning text-white text-center">
+                                    @ErrorMessage
+                                </div>
+                            }
+                        </div>
+                    </div>
+                    <div class="card-footer">
+                        @if (IsValidating)
+                        {
+                            <button class="btn btn-primary w-100 disabled" disabled="">
+                                <span class="spinner-border spinner-border-sm align-middle"></span>
+                            </button>
+                        }
+                        else
+                        {
+                            if (CanBeOrdered)
+                            {
+                                <WButton OnClick="OnSubmit" Text="@($"Order for {currency} {actualPrice}")" CssClasses="btn btn-primary w-100"/>
+                            }
+                            else
+                            {
+                                <button class="btn btn-primary w-100 disabled" disabled="">Order for @(currency) @(actualPrice)</button>
+                            }
+                        }
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-1 col-12"></div>
+        </div>
+    }
+</LazyLoader>
+
+@code
+{
+    [Parameter]
+    public string Slug { get; set; }
+
+    private Product? SelectedProduct;
+    private Coupon? SelectedCoupon;
+    private int DurationMultiplier = 1;
+
+    private string CouponCode = "";
+
+    private bool CanBeOrdered = false;
+    private bool IsValidating = false;
+    private string ErrorMessage = "";
+
+    private async Task SetDurationMultiplier(int i)
+    {
+        DurationMultiplier = i;
+
+        await Revalidate();
+    }
+
+    private async Task ApplyCoupon()
+    {
+        SelectedCoupon = CouponRepository
+            .Get()
+            .FirstOrDefault(x => x.Code == CouponCode);
+
+        CouponCode = "";
+        await InvokeAsync(StateHasChanged);
+
+        if (SelectedCoupon == null)
+        {
+            await AlertService.Error("", "Invalid coupon code entered");
+            return;
+        }
+
+        await Revalidate();
+    }
+
+    private Task Revalidate()
+    {
+        if (SelectedProduct == null) // Prevent validating null
+            return Task.CompletedTask;
+
+        IsValidating = true;
+        InvokeAsync(StateHasChanged);
+
+        Task.Run(async () =>
+        {
+            try
+            {
+                await StoreService.Order.Validate(IdentityService.CurrentUser, SelectedProduct, DurationMultiplier, SelectedCoupon);
+                CanBeOrdered = true;
+            }
+            catch (DisplayException e)
+            {
+                CanBeOrdered = false;
+                ErrorMessage = e.Message;
+            }
+
+            IsValidating = false;
+            await InvokeAsync(StateHasChanged);
+        });
+
+        return Task.CompletedTask;
+    }
+
+    private async Task Load(LazyLoader _)
+    {
+        SelectedProduct = ProductRepository
+            .Get()
+            .FirstOrDefault(x => x.Slug == Slug);
+
+        await Revalidate();
+    }
+
+    private async Task OnSubmit()
+    {
+        if (SelectedProduct == null) // Prevent processing null
+            return;
+
+    // Process the order with the selected values
+        var service = await StoreService
+            .Order
+            .Process(
+                IdentityService.CurrentUser,
+                SelectedProduct,
+                DurationMultiplier,
+                SelectedCoupon
+            );
+
+        Navigation.NavigateTo("/service/" + service.Id);
+    }
+}
\ 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 00000000..db1c4dc9
--- /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 00000000..40416433
--- /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 5848099c..def10b7c 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 00000000..1cb1d470
--- /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 00000000..46856c9b
--- /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