Context Navigation

-              r08aefc6
+              rfa0fbaf
+using Microsoft.AspNetCore.Mvc;
+using KernelRecordsMVC.Data;
+using System.Security.Claims;
+using KernelRecordsMVC.Application.ViewModels;
+using KernelRecordsMVC.Infrastructure.Data;
 using KernelRecordsMVC.Models;
+using KernelRecordsMVC.Application.ViewModels;
+using Microsoft.AspNetCore.Http;
+namespace KernelRecordsMVC.Controllers;
+using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+namespace KernelRecordsMVC.Web.Controllers;
 public class AccountController : Controller
 …
+    }
+    // ==============================
+    // =========================================================
     // REGISTER - GET
     // ==============================
+    // =========================================================
     [HttpGet]
 …
     // ==============================
+    // =========================================================
     // REGISTER - POST
     // ==============================
+    // =========================================================
     [HttpPost]
 …
             Username = model.Username,
             // We'll replace this with proper password hashing
             // in the security cleanup section.
+            // TODO:
+            // Replace with password hashing later.
             Password = model.Password,
 …
         _context.SaveChanges();
         // Every normal registered user is a Consumer.
         var consumer = new Consumer
 …
     // ==============================
+    // =========================================================
     // LOGIN - GET
     // ==============================
+    // =========================================================
     [HttpGet]
 …
     // ==============================
+    // =========================================================
     // LOGIN - POST
     // ==============================
+    // =========================================================
     [HttpPost]
     [ValidateAntiForgeryToken]
+    public IActionResult Login(LoginViewModel model)
+    public async Task<IActionResult> Login(
+        LoginViewModel model)
+    {
         if (!ModelState.IsValid)
 …
+        }
+        // =====================================================
+        // DETERMINE ACCOUNT TYPE
+        // =====================================================
+        var admin = _context.Admins
+            .FirstOrDefault(x => x.UserId == user.UserId);
+        string role;
+        if (admin != null)
+        {
+            role = "Admin";
+        }
+        else
+        {
+            role = "Consumer";
+        }
+        // =====================================================
+        // CREATE CLAIMS
+        // =====================================================
+        var claims = new List<Claim>
+        {
+            new Claim(
+                ClaimTypes.NameIdentifier,
+                user.UserId.ToString()),
+            new Claim(
+                ClaimTypes.Name,
+                user.Username),
+            new Claim(
+                ClaimTypes.Email,
+                user.Email),
+            new Claim(
+                ClaimTypes.Role,
+                role)
+        };
+        if (admin != null)
+        {
+            claims.Add(
+                new Claim(
+                    "AdminType",
+                    admin.Type.ToString()));
+        }
+        var identity = new ClaimsIdentity(
+            claims,
+            "Cookies");
+        var principal =
+            new ClaimsPrincipal(identity);
+        // =====================================================
+        // SIGN IN
+        // =====================================================
+        await HttpContext.SignInAsync(
+            "Cookies",
+            principal);
+        // =====================================================
+        // KEEP SESSION FOR EXISTING CODE
+        // =====================================================
         HttpContext.Session.SetInt32(
             "UserId",
 …
             user.Username);
+        // Determine account type from the actual
+        // ADMINS / CONSUMERS tables.
+        var admin = _context.Admins
+            .FirstOrDefault(x => x.UserId == user.UserId);
+        HttpContext.Session.SetString(
+            "Role",
+            role);
         if (admin != null)
+        {
-            HttpContext.Session.SetString(
-                "Role",
-                "Admin");
             HttpContext.Session.SetString(
                 "AdminType",
                 admin.Type.ToString());
+        }
+        else
+        {
+            HttpContext.Session.SetString(
+                "Role",
+                "Consumer");
+        }
         return RedirectToAction(
 …
+    // ==============================
+    // =========================================================
+    // PROFILE - GET
+    // =========================================================
+    [HttpGet]
+    public IActionResult Profile()
+    {
+        // Get logged-in user's ID from authentication claims.
+        var userIdClaim = User.FindFirst(
+            ClaimTypes.NameIdentifier);
+        if (userIdClaim == null)
+            return RedirectToAction(nameof(Login));
+        if (!long.TryParse(
+                userIdClaim.Value,
+                out var userId))
+        {
+            return RedirectToAction(nameof(Login));
+        }
+        // Load user + consumer information.
+        var user = _context.Users
+            .Include(x => x.Consumer)
+            .FirstOrDefault(x =>
+                x.UserId == userId);
+        if (user == null)
+            return NotFound();
+        var model = new ProfileViewModel
+        {
+            UserId = user.UserId,
+            Username = user.Username,
+            Email = user.Email,
+            TelephoneNumber =
+                user.TelephoneNumber,
+            ShippingAddress =
+                user.ShippingAddress,
+            DateCreated =
+                user.DateCreated,
+            PointsCollected =
+                user.Consumer?.PointsCollected ?? 0
+        };
+        return View(model);
+    }
+    // =========================================================
+    // PROFILE - POST
+    // =========================================================
+    [HttpPost]
+    [ValidateAntiForgeryToken]
+    public async Task<IActionResult> Profile(
+        ProfileViewModel model)
+    {
+        // Get the currently authenticated user.
+        var userIdClaim = User.FindFirst(
+            ClaimTypes.NameIdentifier);
+        if (userIdClaim == null)
+            return RedirectToAction(nameof(Login));
+        if (!long.TryParse(
+                userIdClaim.Value,
+                out var userId))
+        {
+            return RedirectToAction(nameof(Login));
+        }
+        if (!ModelState.IsValid)
+            return View(model);
+        var user = _context.Users
+            .FirstOrDefault(x =>
+                x.UserId == userId);
+        if (user == null)
+            return NotFound();
+        // =====================================================
+        // CHECK EMAIL
+        // =====================================================
+        var emailExists = _context.Users.Any(x =>
+            x.Email == model.Email &&
+            x.UserId != userId);
+        if (emailExists)
+        {
+            ModelState.AddModelError(
+                nameof(model.Email),
+                "This email is already registered.");
+            return View(model);
+        }
+        // =====================================================
+        // UPDATE USER
+        // =====================================================
+        user.Email = model.Email;
+        user.TelephoneNumber =
+            model.TelephoneNumber;
+        user.ShippingAddress =
+            model.ShippingAddress;
+        _context.SaveChanges();
+        TempData["Success"] =
+            "Your profile has been updated successfully.";
+        // =====================================================
+        // REFRESH EMAIL CLAIM
+        // =====================================================
+        var claims = new List<Claim>
+        {
+            new Claim(
+                ClaimTypes.NameIdentifier,
+                user.UserId.ToString()),
+            new Claim(
+                ClaimTypes.Name,
+                user.Username),
+            new Claim(
+                ClaimTypes.Email,
+                user.Email),
+            new Claim(
+                ClaimTypes.Role,
+                User.IsInRole("Admin")
+                    ? "Admin"
+                    : "Consumer")
+        };
+        var identity = new ClaimsIdentity(
+            claims,
+            "Cookies");
+        var principal =
+            new ClaimsPrincipal(identity);
+        await HttpContext.SignInAsync(
+            "Cookies",
+            principal);
+        // Keep session synchronized.
+        HttpContext.Session.SetString(
+            "Username",
+            user.Username);
+        return RedirectToAction(nameof(Profile));
+    }
+    // =========================================================
     // LOGOUT
+    // ==============================
+    public IActionResult Logout()
+    {
+    // =========================================================
+    [HttpPost]
+    [ValidateAntiForgeryToken]
+    public async Task<IActionResult> Logout()
+    {
+        await HttpContext.SignOutAsync("Cookies");
         HttpContext.Session.Clear();

KernelRecordsMVC.Web/Controllers/AdminController.cs

-              r08aefc6
+              rfa0fbaf
+using Microsoft.AspNetCore.Mvc;
+using KernelRecordsMVC.Application.ViewModels;
+using KernelRecordsMVC.Domain.Enums;
+using KernelRecordsMVC.Infrastructure.Data;
+using KernelRecordsMVC.Models;
+using Microsoft.AspNetCore.Mvc;
 using Microsoft.EntityFrameworkCore;
+using KernelRecordsMVC.Data;
+using KernelRecordsMVC.Models;
+using KernelRecordsMVC.Domain.Enums;
+using KernelRecordsMVC.Application.ViewModels;
+using Microsoft.AspNetCore.Http;
+namespace KernelRecordsMVC.Controllers;
+namespace KernelRecordsMVC.Web.Controllers;
 public class AdminController : Controller
 …
     // ==========================================
+    // =========================================================
     // ADMIN DASHBOARD
     // ==========================================
+    // =========================================================
     [HttpGet]
 …
             return Forbid();
+        ViewBag.ProductCount =
+            _context.Products.Count();
+        ViewBag.ReleaseCount =
+            _context.Releases.Count();
+        ViewBag.OutOfStockCount =
+            _context.Products.Count(x =>
+                x.Stock <= 0);
+        ViewBag.LowStockCount =
+            _context.Products.Count(x =>
+                x.Stock > 0 &&
+                x.Stock <= 5);
         return View();
+    }
+    // ==========================================
+    // UC008
+    // NEW PRODUCT - GET
+    // ==========================================
+    // =========================================================
+    // PRODUCTS
+    // =========================================================
+    [HttpGet]
+    public IActionResult Products()
+    {
+        if (!IsProductManager())
+            return Forbid();
+        var products = _context.Products
+            .Include(p => p.Release)
+            .OrderBy(p => p.Release.Title)
+            .ThenBy(p => p.Format)
+            .ToList();
+        return View(products);
+    }
+    // =========================================================
+    // CREATE PRODUCT - GET
+    // =========================================================
     [HttpGet]
 …
             return Forbid();
+        ViewBag.Releases = _context.Releases
             .OrderBy(x => x.Title)
+            .ToList();
         return View(new CreateProductViewModel());
+    }
+    // ==========================================
     // UC008
     // NEW PRODUCT - POST
     // ==========================================
+        LoadReleases();
+        return View(
+            new CreateProductViewModel());
+    }
+    // =========================================================
+    // CREATE PRODUCT - POST
+    // =========================================================
     [HttpPost]
 …
             return Forbid();
         if (!ModelState.IsValid)
+        {
             LoadReleases();
             return View(model);
+        }
-        // Make sure the release actually exists.
         var release = _context.Releases
             .FirstOrDefault(x =>
                 x.ReleaseId == model.ReleaseId);
         if (release == null)
+        {
             ModelState.AddModelError(
                 "ReleaseId",
+                nameof(model.ReleaseId),
                 "The selected release does not exist.");
             LoadReleases();
             return View(model);
+        }
         // Don't allow duplicate format for
         // the same release.
         var alreadyExists = _context.Products.Any(p =>
             p.ReleaseId == model.ReleaseId &&
+            p.Format == model.Format);
+        var alreadyExists =
+            _context.Products.Any(p =>
+                p.ReleaseId == model.ReleaseId &&
+                p.Format == model.Format);
         if (alreadyExists)
+        {
             ModelState.AddModelError(
                 "Format",
+                nameof(model.Format),
                 "This release already has a product in this format.");
             LoadReleases();
             return View(model);
+        }
+        var product = new Product
+        {
+            ProductId = GetNextProductId(),
+            ReleaseId = model.ReleaseId,
+            Format = model.Format,
+            Price = model.Price,
+            ProductDescription =
+                model.ProductDescription,
+            Stock = model.Stock
+        };
+        _context.Products.Add(product);
+        _context.SaveChanges();
+        // Record the modification.
+        CreateModification(
+            ModificationType.CREATE,
+            product.ProductId);
+        TempData["Success"] =
+            "Product created successfully.";
+        return RedirectToAction(
+            nameof(Index));
+    }
+    // ==========================================
+    // HELPERS
+    // ==========================================
+        using var transaction =
+            _context.Database.BeginTransaction();
+        try
+        {
+            var product = new Product
+            {
+                ProductId =
+                    GetNextProductId(),
+                ReleaseId =
+                    model.ReleaseId,
+                Format =
+                    model.Format,
+                Price =
+                    model.Price,
+                ProductDescription =
+                    model.ProductDescription,
+                Stock =
+                    model.Stock
+            };
+            _context.Products.Add(product);
+            _context.SaveChanges();
+            CreateModification(
+                ModificationType.CREATE,
+                product.ProductId);
+            transaction.Commit();
+            TempData["Success"] =
+                $"{release.Title} ({product.Format}) was created successfully.";
+            return RedirectToAction(
+                nameof(Products));
+        }
+        catch
+        {
+            transaction.Rollback();
+            throw;
+        }
+    }
+    // =========================================================
+    // EDIT PRODUCT - GET
+    // =========================================================
+    [HttpGet]
+    public IActionResult EditProduct(long id)
+    {
+        if (!IsProductManager())
+            return Forbid();
+        var product = _context.Products
+            .Include(p => p.Release)
+            .FirstOrDefault(p =>
+                p.ProductId == id);
+        if (product == null)
+            return NotFound();
+        var model =
+            new EditProductViewModel
+            {
+                ProductId =
+                    product.ProductId,
+                ReleaseId =
+                    product.ReleaseId,
+                ReleaseTitle =
+                    product.Release.Title,
+                Format =
+                    product.Format,
+                Price =
+                    product.Price,
+                ProductDescription =
+                    product.ProductDescription,
+                Stock =
+                    product.Stock,
+                ModificationType =
+                    ModificationType.UPDATE
+            };
+        return View(model);
+    }
+    // =========================================================
+    // EDIT PRODUCT - POST
+    // =========================================================
+    [HttpPost]
+    [ValidateAntiForgeryToken]
+    public IActionResult EditProduct(
+        EditProductViewModel model)
+    {
+        if (!IsProductManager())
+            return Forbid();
+        var product = _context.Products
+            .Include(p => p.Release)
+            .FirstOrDefault(p =>
+                p.ProductId == model.ProductId);
+        if (product == null)
+            return NotFound();
+        // These values come from the database.
+        model.ReleaseId =
+            product.ReleaseId;
+        model.ReleaseTitle =
+            product.Release.Title;
+        model.Format =
+            product.Format;
+        // Display-only fields should not block
+        // validation of the submitted form.
+        ModelState.Remove(
+            nameof(model.ReleaseId));
+        ModelState.Remove(
+            nameof(model.ReleaseTitle));
+        ModelState.Remove(
+            nameof(model.Format));
+        // =====================================================
+        // DISCOUNT VALIDATION
+        // =====================================================
+        if (model.ModificationType ==
+            ModificationType.DISCOUNT)
+        {
+            if (!model.Discount.HasValue)
+            {
+                ModelState.AddModelError(
+                    nameof(model.Discount),
+                    "Please enter a discount percentage.");
+            }
+            else if (
+                model.Discount.Value <= 0 ||
+                model.Discount.Value >= 100)
+            {
+                ModelState.AddModelError(
+                    nameof(model.Discount),
+                    "Discount must be greater than 0 and less than 100.");
+            }
+        }
+        if (!ModelState.IsValid)
+            return View(model);
+        using var transaction =
+            _context.Database.BeginTransaction();
+        try
+        {
+            // =================================================
+            // APPLY DISCOUNT
+            // =================================================
+            if (model.ModificationType ==
+                ModificationType.DISCOUNT)
+            {
+                var discountPercentage =
+                    model.Discount!.Value;
+                var oldPrice =
+                    product.Price;
+                var discountAmount =
+                    oldPrice *
+                    (discountPercentage / 100m);
+                var newPrice =
+                    oldPrice - discountAmount;
+                newPrice =
+                    Math.Round(
+                        newPrice,
+,
+                        MidpointRounding.AwayFromZero);
+                // Product.Price becomes the
+                // actual current sale price.
+                product.Price =
+                    newPrice;
+                _context.Products.Update(
+                    product);
+                _context.SaveChanges();
+                CreateModification(
+                    ModificationType.DISCOUNT,
+                    product.ProductId,
+                    discountPercentage);
+                transaction.Commit();
+                TempData["Success"] =
+                    $"{discountPercentage:0.##}% discount applied. " +
+                    $"Price changed from {oldPrice:C} to {newPrice:C}.";
+                return RedirectToAction(
+                    nameof(Products));
+            }
+            // =================================================
+            // NORMAL UPDATE
+            // =================================================
+            product.Price =
+                model.Price;
+            product.ProductDescription =
+                model.ProductDescription;
+            product.Stock =
+                model.Stock;
+            _context.Products.Update(
+                product);
+            _context.SaveChanges();
+            CreateModification(
+                ModificationType.UPDATE,
+                product.ProductId);
+            transaction.Commit();
+            TempData["Success"] =
+                $"{product.Release.Title} was updated successfully.";
+            return RedirectToAction(
+                nameof(Products));
+        }
+        catch
+        {
+            transaction.Rollback();
+            throw;
+        }
+    }
+    // =========================================================
+    // CREATE RELEASE - GET
+    // =========================================================
+    [HttpGet]
+    public IActionResult CreateRelease()
+    {
+        if (!IsAdmin())
+            return Forbid();
+        LoadArtists();
+        var model =
+            new CreateReleaseViewModel
+            {
+                ReleaseDate =
+                    DateTime.Today,
+                ReleaseType =
+                    "ALBUM",
+                // Start an album with one empty track.
+                Tracks =
+                    new List<CreateTrackViewModel>
+                    {
+                        new CreateTrackViewModel()
+                    }
+            };
+        return View(model);
+    }
+    // =========================================================
+    // CREATE RELEASE - POST
+    // =========================================================
+    [HttpPost]
+    [ValidateAntiForgeryToken]
+    public IActionResult CreateRelease(
+        CreateReleaseViewModel model)
+    {
+        if (!IsAdmin())
+            return Forbid();
+        // =====================================================
+        // RELEASE TYPE VALIDATION
+        // =====================================================
+        if (model.ReleaseType != "ALBUM" &&
+            model.ReleaseType != "SINGLE")
+        {
+            ModelState.AddModelError(
+                nameof(model.ReleaseType),
+                "Please select Album or Single.");
+        }
+        // =====================================================
+        // MAIN ARTIST VALIDATION
+        // =====================================================
+        var mainArtistExists =
+            _context.Artists.Any(a =>
+                a.ArtistId ==
+                model.MainArtistId);
+        if (!mainArtistExists)
+        {
+            ModelState.AddModelError(
+                nameof(model.MainArtistId),
+                "Please select a valid main artist.");
+        }
+        // =====================================================
+        // FEATURED ARTISTS
+        // =====================================================
+        model.FeaturedArtistIds ??=
+            new List<long>();
+        model.FeaturedArtistIds =
+            model.FeaturedArtistIds
+                .Distinct()
+                .ToList();
+        // Do not allow the main artist
+        // to also be a featured artist.
+        model.FeaturedArtistIds.Remove(
+            model.MainArtistId);
+        // Validate that featured artists exist.
+        if (model.FeaturedArtistIds.Count > 0)
+        {
+            var validFeaturedArtistCount =
+                _context.Artists.Count(a =>
+                    model.FeaturedArtistIds
+                        .Contains(a.ArtistId));
+            if (validFeaturedArtistCount !=
+                model.FeaturedArtistIds.Count)
+            {
+                ModelState.AddModelError(
+                    nameof(model.FeaturedArtistIds),
+                    "One or more featured artists are invalid.");
+            }
+        }
+        // =====================================================
+        // SINGLE VALIDATION
+        // =====================================================
+        if (model.ReleaseType == "SINGLE")
+        {
+            if (string.IsNullOrWhiteSpace(
+                model.SingleDuration))
+            {
+                ModelState.AddModelError(
+                    nameof(model.SingleDuration),
+                    "Duration is required for a single.");
+            }
+        }
+        // =====================================================
+        // ALBUM VALIDATION
+        // =====================================================
+        if (model.ReleaseType == "ALBUM")
+        {
+            model.Tracks ??=
+                new List<CreateTrackViewModel>();
+            // Remove completely empty rows.
+            model.Tracks =
+                model.Tracks
+                    .Where(t =>
+                        !string.IsNullOrWhiteSpace(
+                            t.SongName) ||
+                        !string.IsNullOrWhiteSpace(
+                            t.SongDuration))
+                    .ToList();
+            if (model.Tracks.Count == 0)
+            {
+                ModelState.AddModelError(
+                    nameof(model.Tracks),
+                    "An album must contain at least one track.");
+            }
+            for (var i = 0;
+                 i < model.Tracks.Count;
+                 i++)
+            {
+                var track =
+                    model.Tracks[i];
+                if (string.IsNullOrWhiteSpace(
+                    track.SongName))
+                {
+                    ModelState.AddModelError(
+                        $"Tracks[{i}].SongName",
+                        "Track name is required.");
+                }
+                if (string.IsNullOrWhiteSpace(
+                    track.SongDuration))
+                {
+                    ModelState.AddModelError(
+                        $"Tracks[{i}].SongDuration",
+                        "Track duration is required.");
+                }
+                track.ArtistIds ??=
+                    new List<long>();
+                track.ArtistIds =
+                    track.ArtistIds
+                        .Distinct()
+                        .ToList();
+                // Validate selected track artists.
+                if (track.ArtistIds.Count > 0)
+                {
+                    var validTrackArtistCount =
+                        _context.Artists.Count(a =>
+                            track.ArtistIds.Contains(
+                                a.ArtistId));
+                    if (validTrackArtistCount !=
+                        track.ArtistIds.Count)
+                    {
+                        ModelState.AddModelError(
+                            $"Tracks[{i}].ArtistIds",
+                            "One or more selected track artists are invalid.");
+                    }
+                }
+            }
+        }
+        if (!ModelState.IsValid)
+        {
+            LoadArtists();
+            return View(model);
+        }
+        using var transaction =
+            _context.Database.BeginTransaction();
+        try
+        {
+            // =================================================
+            // CREATE RELEASE
+            // =================================================
+            var release =
+                new Release
+                {
+                    ReleaseId =
+                        GetNextReleaseId(),
+                    Title =
+                        model.Title.Trim(),
+                    RecordLabel =
+                        string.IsNullOrWhiteSpace(
+                            model.RecordLabel)
+                            ? null
+                            : model.RecordLabel.Trim(),
+                    Genre =
+                        model.Genre.Trim(),
+                    ReleaseDate =
+                        model.ReleaseDate,
+                    CoverPhoto =
+                        model.CoverPhoto.Trim()
+                };
+            _context.Releases.Add(
+                release);
+            _context.SaveChanges();
+            // =================================================
+            // MAIN RELEASE ARTIST
+            // =================================================
+            var mainReleaseArtist =
+                new ReleaseArtist
+                {
+                    ReleaseId =
+                        release.ReleaseId,
+                    ArtistId =
+                        model.MainArtistId,
+                    ReleaseOrdinal = 1,
+                    Type =
+                        ArtistReleaseType.MAIN
+                };
+            _context.ReleaseArtists.Add(
+                mainReleaseArtist);
+            // =================================================
+            // FEATURED RELEASE ARTISTS
+            // =================================================
+            long releaseOrdinal = 2;
+            foreach (var artistId
+                     in model.FeaturedArtistIds)
+            {
+                var featuredArtist =
+                    new ReleaseArtist
+                    {
+                        ReleaseId =
+                            release.ReleaseId,
+                        ArtistId =
+                            artistId,
+                        ReleaseOrdinal =
+                            releaseOrdinal++,
+                        Type =
+                            ArtistReleaseType.FEATURE
+                    };
+                _context.ReleaseArtists.Add(
+                    featuredArtist);
+            }
+            _context.SaveChanges();
+            // =================================================
+            // ALBUM
+            // =================================================
+            if (model.ReleaseType == "ALBUM")
+            {
+                var album =
+                    new Album
+                    {
+                        ReleaseId =
+                            release.ReleaseId
+                    };
+                _context.Albums.Add(
+                    album);
+                _context.SaveChanges();
+                // =============================================
+                // TRACKS
+                // =============================================
+                foreach (var trackModel
+                         in model.Tracks)
+                {
+                    var song =
+                        new Song
+                        {
+                            SongId =
+                                GetNextSongId(),
+                            SongName =
+                                trackModel
+                                    .SongName
+                                    .Trim(),
+                            SongDuration =
+                                trackModel
+                                    .SongDuration
+                                    .Trim()
+                        };
+                    _context.Songs.Add(
+                        song);
+                    _context.SaveChanges();
+                    // =========================================
+                    // LINK SONG TO ALBUM
+                    // =========================================
+                    var albumSong =
+                        new AlbumSong
+                        {
+                            AlbumId =
+                                release.ReleaseId,
+                            SongId =
+                                song.SongId
+                        };
+                    _context.AlbumSongs.Add(
+                        albumSong);
+                    // =========================================
+                    // SONG ARTISTS
+                    // =========================================
+                    var trackArtistIds =
+                        trackModel.ArtistIds
+                            .Distinct()
+                            .ToList();
+                    // If no track artists were selected,
+                    // automatically use the release's
+                    // main artist.
+                    if (trackArtistIds.Count == 0)
+                    {
+                        trackArtistIds.Add(
+                            model.MainArtistId);
+                    }
+                    long songOrdinal = 1;
+                    foreach (var artistId
+                             in trackArtistIds)
+                    {
+                        var songArtist =
+                            new SongArtist
+                            {
+                                SongId =
+                                    song.SongId,
+                                ArtistId =
+                                    artistId,
+                                SongOrdinal =
+                                    songOrdinal++
+                            };
+                        _context.SongArtists.Add(
+                            songArtist);
+                    }
+                    _context.SaveChanges();
+                }
+            }
+            // =================================================
+            // SINGLE
+            // =================================================
+            else
+            {
+                var single =
+                    new SingleRelease
+                    {
+                        ReleaseId =
+                            release.ReleaseId,
+                        Duration =
+                            model.SingleDuration!
+                                .Trim()
+                    };
+                _context.SingleReleases.Add(
+                    single);
+                _context.SaveChanges();
+            }
+            transaction.Commit();
+            TempData["Success"] =
+                $"{release.Title} was created successfully.";
+            return RedirectToAction(
+                nameof(Index));
+        }
+        catch
+        {
+            transaction.Rollback();
+            throw;
+        }
+    }
+    // =========================================================
+    // AUTHORIZATION HELPERS
+    // =========================================================
     private bool IsAdmin()
+    {
         return HttpContext.Session
+            .GetString("Role") == "Admin";
+            .GetString("Role") ==
+            "Admin";
+    }
 …
     private bool IsProductManager()
+    {
+        var role = HttpContext.Session
+            .GetString("Role");
+        var adminType = HttpContext.Session
+            .GetString("AdminType");
+        var role =
+            HttpContext.Session
+                .GetString("Role");
+        var adminType =
+            HttpContext.Session
+                .GetString("AdminType");
         return role == "Admin" &&
+               (adminType == "PRODUCT_MANAGER" ||
+                adminType == "SUPER_ADMIN");
+    }
+               (
+                   adminType == "PRODUCT_MANAGER" ||
+                   adminType == "SUPER_ADMIN"
+               );
+    }
+    // =========================================================
+    // CURRENT ADMIN ID
+    // =========================================================
     private long? GetCurrentUserId()
+    {
+        var value = HttpContext.Session
+            .GetString("UserId");
+        if (long.TryParse(value, out var userId))
+            return userId;
+        return null;
+    }
+        var userId =
+            HttpContext.Session
+                .GetInt32("UserId");
+        if (!userId.HasValue)
+            return null;
+        return userId.Value;
+    }
+    // =========================================================
+    // LOAD RELEASES
+    // =========================================================
+    private void LoadReleases()
+    {
+        ViewBag.Releases =
+            _context.Releases
+                .OrderBy(x =>
+                    x.Title)
+                .ToList();
+    }
+    // =========================================================
+    // LOAD ARTISTS
+    // =========================================================
+    private void LoadArtists()
+    {
+        ViewBag.Artists =
+            _context.Artists
+                .OrderBy(a =>
+                    a.ArtistName)
+                .ToList();
+    }
+    // =========================================================
+    // NEXT PRODUCT ID
+    // =========================================================
     private long GetNextProductId()
+    {
+        var maxId = _context.Products
+            .Select(x => (long?)x.ProductId)
+            .Max();
+        var maxId =
+            _context.Products
+                .Select(x =>
+                    (long?)x.ProductId)
+                .Max();
         return (maxId ?? 0) + 1;
 …
+    private void LoadReleases()
+    {
+        ViewBag.Releases = _context.Releases
+            .OrderBy(x => x.Title)
+            .ToList();
+    }
+    // =========================================================
+    // NEXT RELEASE ID
+    // =========================================================
+    private long GetNextReleaseId()
+    {
+        var maxId =
+            _context.Releases
+                .Select(x =>
+                    (long?)x.ReleaseId)
+                .Max();
+        return (maxId ?? 0) + 1;
+    }
+    // =========================================================
+    // NEXT SONG ID
+    // =========================================================
+    private long GetNextSongId()
+    {
+        var maxId =
+            _context.Songs
+                .Select(x =>
+                    (long?)x.SongId)
+                .Max();
+        return (maxId ?? 0) + 1;
+    }
+    // =========================================================
+    // NEXT MODIFICATION ID
+    // =========================================================
+    private long GetNextModificationId()
+    {
+        var maxId =
+            _context.Modifications
+                .Select(x =>
+                    (long?)x.ModificationId)
+                .Max();
+        return (maxId ?? 0) + 1;
+    }
+    // =========================================================
+    // CREATE MODIFICATION RECORD
+    // =========================================================
     private void CreateModification(
 …
         decimal? discount = null)
+    {
+        var adminId = GetCurrentUserId();
+        var adminId =
+            GetCurrentUserId();
         if (adminId == null)
+            return;
+        var modification = new Modification
+        {
+            ModificationId =
+                GetNextModificationId(),
+            AdminId = adminId.Value,
+            DateModified = DateTime.Today,
+            TypeOfModification = type,
+            Discount = discount
+        };
+        _context.Modifications.Add(modification);
+        {
+            throw new InvalidOperationException(
+                "The current admin could not be identified.");
+        }
+        var modification =
+            new Modification
+            {
+                ModificationId =
+                    GetNextModificationId(),
+                AdminId =
+                    adminId.Value,
+                DateModified =
+                    DateTime.Today,
+                TypeOfModification =
+                    type,
+                Discount =
+                    discount
+            };
+        _context.Modifications.Add(
+            modification);
         _context.SaveChanges();
 …
                     modification.ModificationId,
+                ProductId = productId
+                ProductId =
+                    productId
             };
 …
         _context.SaveChanges();
+    }
-    private long GetNextModificationId()
+    {
-        var maxId = _context.Modifications
-            .Select(x => (long?)x.ModificationId)
-            .Max();
-        return (maxId ?? 0) + 1;
+    }
-    // ==========================================
-// UC009
-// MODIFY PRODUCT - GET
-// ==========================================
-    [HttpGet]
-    public IActionResult EditProduct(long id)
+    {
-        if (!IsProductManager())
-            return Forbid();
-        var product = _context.Products
-            .Include(p => p.Release)
-            .FirstOrDefault(p => p.ProductId == id);
-        if (product == null)
-            return NotFound();
-        var model = new EditProductViewModel
+        {
-            ProductId = product.ProductId,
-            ReleaseId = product.ReleaseId,
-            ReleaseTitle = product.Release.Title,
-            Format = product.Format,
-            Price = product.Price,
-            ProductDescription = product.ProductDescription,
-            Stock = product.Stock
-        };
-        return View(model);
+    }
-    // ==========================================
-// UC009
-// MODIFY PRODUCT - POST
-// ==========================================
-[HttpPost]
-[ValidateAntiForgeryToken]
-public IActionResult EditProduct(
-    EditProductViewModel model)
+{
-    if (!IsProductManager())
-        return Forbid();
-    var product = _context.Products
-        .Include(p => p.Release)
-        .FirstOrDefault(p =>
-            p.ProductId == model.ProductId);
-    if (product == null)
-        return NotFound();
-    if (!ModelState.IsValid)
+    {
-        model.ReleaseTitle = product.Release.Title;
-        model.ReleaseId = product.ReleaseId;
-        model.Format = product.Format;
-        return View(model);
+    }
-    // ==========================================
-    // DISCOUNT
-    // ==========================================
-    if (model.ModificationType ==
-        ModificationType.DISCOUNT)
+    {
-        if (!model.Discount.HasValue)
+        {
-            ModelState.AddModelError(
-                "Discount",
-                "Please enter a discount percentage.");
-            model.ReleaseTitle = product.Release.Title;
-            model.ReleaseId = product.ReleaseId;
-            model.Format = product.Format;
-            return View(model);
+        }
-        product.Price =
-            product.Price *
-            (1 - model.Discount.Value / 100m);
+    }
-    else
+    {
-        // ==========================================
-        // NORMAL UPDATE
-        // ==========================================
-        product.Price = model.Price;
-        product.ProductDescription =
-            model.ProductDescription;
-        product.Stock = model.Stock;
+    }
-    _context.SaveChanges();
-    // ==========================================
-    // RECORD MODIFICATION
-    // ==========================================
-    CreateModification(
-        model.ModificationType,
-        product.ProductId,
-        model.Discount);
-    TempData["Success"] =
-        "Product modified successfully.";
-    return RedirectToAction(nameof(Index));
+}
-[HttpGet]
-public IActionResult Products()
+{
-    if (!IsProductManager())
-        return Forbid();
-    var products = _context.Products
-        .Include(p => p.Release)
-        .OrderBy(p => p.Release.Title)
-        .ThenBy(p => p.Format)
-        .ToList();
-    return View(products);
+}
+}

KernelRecordsMVC.Web/Controllers/HomeController.cs

-              r08aefc6
+              rfa0fbaf
 using System.Diagnostics;
+using KernelRecordsMVC.Models;
 using Microsoft.AspNetCore.Mvc;
-using KernelRecordsMVC.Models;
-using Microsoft.Extensions.Logging;
 namespace KernelRecordsMVC.Controllers;
+namespace KernelRecordsMVC.Web.Controllers;
 public class HomeController : Controller

KernelRecordsMVC.Web/Controllers/OrderController.cs

-              r08aefc6
+              rfa0fbaf
 using Microsoft.AspNetCore.Http;
 namespace KernelRecordsMVC.Controllers;
+using KernelRecordsMVC.Application.ViewModels;
+using KernelRecordsMVC.Domain.Enums;
+using KernelRecordsMVC.Infrastructure.Data;
+using KernelRecordsMVC.Models;
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.EntityFrameworkCore;
+using KernelRecordsMVC.Data;
+using KernelRecordsMVC.Models;
+using KernelRecordsMVC.Domain.Enums;
+using KernelRecordsMVC.Application.ViewModels;
+namespace KernelRecordsMVC.Web.Controllers;
 public class OrderController : Controller
 …
             order = new Order
+            {
-                OrderId = GetNextOrderId(),
                 UserId = userId.Value,
-                // The actual payment method will be
-                // selected during checkout.
                 PaymentMethod = PaymentMethodType.CARD,
                 PurchaseDate = DateTime.Today,
                 PointsEarned = 0,
                 PointsUsed = null,
                 Status = OrderStatusType.PENDING
             };
 …
         else
+        {
+            var discount = _context.ModificationProducts
+                .Include(mp => mp.Modification)
+                .Where(mp =>
+                    mp.ProductId == product.ProductId &&
+                    mp.Modification.TypeOfModification ==
+                    ModificationType.DISCOUNT &&
+                    mp.Modification.Discount.HasValue &&
+                    mp.Modification.Discount.Value > 0)
+                .Select(mp => mp.Modification)
+                .OrderByDescending(m => m.DateModified)
+                .FirstOrDefault();
+            var priceAtPurchase = product.Price;
+            if (discount != null)
+            {
+                priceAtPurchase =
+                    product.Price -
+                    (product.Price * discount.Discount!.Value / 100m);
+                priceAtPurchase = Math.Round(
+                    priceAtPurchase,
+);
+            }
             var orderProduct = new OrderProduct
+            {
 …
                     Stock =
+                        op.Product.Stock
+                        op.Product.Stock,
+                    CoverPhoto = op.Product.Release.CoverPhoto
                 })
                 .ToList();
 …
     private long? GetUserId()
+    {
+        var value =
+            HttpContext.Session.GetString("UserId");
+        if (long.TryParse(value, out var userId))
+            return userId;
+        var userId = HttpContext.Session.GetInt32("UserId");
+        if (userId.HasValue)
+            return userId.Value;
         return null;
+    }
-    // ==========================================
-    // ORDER ID
-    // ==========================================
-    private long GetNextOrderId()
+    {
-        var maxId = _context.Orders
-            .Select(x => (long?)x.OrderId)
-            .Max();
-        return (maxId ?? 0) + 1;
+    }
+}

KernelRecordsMVC.Web/Controllers/ReleaseController.cs

-              r08aefc6
+              rfa0fbaf
+using Microsoft.AspNetCore.Mvc;
+using KernelRecordsMVC.Domain.Enums;
+using KernelRecordsMVC.Infrastructure.Data;
+using Microsoft.AspNetCore.Mvc;
 using Microsoft.EntityFrameworkCore;
-using KernelRecordsMVC.Data;
 namespace KernelRecordsMVC.Controllers;
+namespace KernelRecordsMVC.Web.Controllers;
 public class ReleaseController : Controller
 …
+    }
+    // UC003 - Browse Releases
+    public IActionResult Index(string? search, string? genre)
+    // =========================================================
+    // BROWSE RELEASES
+    // =========================================================
+    public IActionResult Index(
+        string? search,
+        string? genre,
+        string? format,
+        string? type,
+        string? sort)
+    {
         var query = _context.Releases
             .Include(r => r.Products)
             .Include(r => r.ReleaseArtists)
+            .ThenInclude(ra => ra.Artist)
+                .ThenInclude(ra => ra.Artist)
+            .Include(r => r.Album)
+            .Include(r => r.SingleRelease)
             .AsQueryable();
+        // SEARCH
         if (!string.IsNullOrWhiteSpace(search))
+        {
+            search = search.Trim();
             query = query.Where(r =>
+                r.Title.ToLower().Contains(search.ToLower()));
+                r.Title.ToLower().Contains(search.ToLower()) ||
+                r.Genre.ToLower().Contains(search.ToLower()) ||
+                r.ReleaseArtists.Any(ra =>
+                    ra.Artist.ArtistName.ToLower()
+                        .Contains(search.ToLower())));
+        }
+        // GENRE
         if (!string.IsNullOrWhiteSpace(genre))
+        {
 …
+        }
+        var releases = query
+            .OrderBy(r => r.Title)
+            .ToList();
+        // FORMAT
+        if (!string.IsNullOrWhiteSpace(format))
+        {
+            query = query.Where(r =>
+                r.Products.Any(p =>
+                    p.Format.ToString() == format));
+        }
+        // TYPE
+        if (!string.IsNullOrWhiteSpace(type))
+        {
+            if (type.Equals("Album", StringComparison.OrdinalIgnoreCase))
+            {
+                query = query.Where(r => r.Album != null);
+            }
+            else if (type.Equals("Single", StringComparison.OrdinalIgnoreCase))
+            {
+                query = query.Where(r => r.SingleRelease != null);
+            }
+        }
+        // SORT
+        query = sort switch
+        {
+            "titleDesc" =>
+                query.OrderByDescending(r => r.Title),
+            "newest" =>
+                query.OrderByDescending(r => r.ReleaseDate),
+            "oldest" =>
+                query.OrderBy(r => r.ReleaseDate),
+            "format" =>
+                query.OrderBy(r =>
+                    r.Products
+                        .Select(p => p.Format.ToString())
+                        .FirstOrDefault()),
+            "priceAsc" =>
+                query.OrderBy(r =>
+                    r.Products
+                        .Select(p => (decimal?)p.Price)
+                        .Min()),
+            "priceDesc" =>
+                query.OrderByDescending(r =>
+                    r.Products
+                        .Select(p => (decimal?)p.Price)
+                        .Max()),
+            _ =>
+                query.OrderBy(r => r.Title)
+        };
+        var releases = query.ToList();
         ViewBag.Search = search;
         ViewBag.Genre = genre;
+        ViewBag.Format = format;
+        ViewBag.Type = type;
+        ViewBag.Sort = sort;
         ViewBag.Genres = _context.Releases
 …
             .ToList();
+        ViewBag.Formats = Enum
+            .GetValues<ProductFormat>()
+            .Select(x => x.ToString())
+            .ToList();
         return View(releases);
+    }
+    // Release details
+    // =========================================================
+    // DETAILS
+    // =========================================================
     public IActionResult Details(long id)
+    {
         var release = _context.Releases
             .Include(r => r.Products)
             .Include(r => r.ReleaseArtists)
+            .ThenInclude(ra => ra.Artist)
+                .ThenInclude(ra => ra.Artist)
             .Include(r => r.Album)
+            .ThenInclude(a => a!.AlbumSongs)
+            .ThenInclude(x => x.Song)
+                .ThenInclude(a => a!.AlbumSongs)
+                    .ThenInclude(x => x.Song)
+                        .ThenInclude(s => s.SongArtists)
+                            .ThenInclude(sa => sa.Artist)
             .Include(r => r.SingleRelease)
+            .ThenInclude(s => s!.SingleFeatures)
+            .ThenInclude(x => x.Song)
             .FirstOrDefault(r => r.ReleaseId == id);

KernelRecordsMVC.Web/KernelRecordsMVC.Web.csproj

-              r08aefc6
+              rfa0fbaf
         <ImplicitUsings>enable</ImplicitUsings>
         <Nullable>enable</Nullable>
+    </PropertyGroup>
+      <UserSecretsId>7996030f-d5d7-4616-a943-1e4992329169</UserSecretsId>
+  </PropertyGroup>
     <ItemGroup>
 …
     <ItemGroup>
       <PackageReference Include="Microsoft.EntityFrameworkCore" Version="8.0.8" />
+      <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.8" />
     </ItemGroup>

KernelRecordsMVC.Web/Program.cs

-              r08aefc6
+              rfa0fbaf
 using Microsoft.EntityFrameworkCore;
+using KernelRecordsMVC.Data;
+using Npgsql;
+using Npgsql.NameTranslation;
+using KernelRecordsMVC.Domain.Enums;
+using KernelRecordsMVC.Infrastructure.Data;
 var builder = WebApplication.CreateBuilder(args);
+// ==========================================
+// AUTHENTICATION
+// ==========================================
+builder.Services
+    .AddAuthentication("Cookies")
+    .AddCookie("Cookies", options =>
+    {
+        options.LoginPath = "/Account/Login";
+        options.AccessDeniedPath = "/Account/Login";
+        options.ExpireTimeSpan = TimeSpan.FromHours(8);
+        options.SlidingExpiration = true;
+    });
+builder.Services.AddAuthorization();
 builder.Services.AddControllersWithViews();
+// ==========================================
+// DATABASE
+// ==========================================
+var dataSourceBuilder = new NpgsqlDataSourceBuilder(
+    builder.Configuration.GetConnectionString("KernelRecords"));
+var nameTranslator = new NpgsqlNullNameTranslator();
+dataSourceBuilder.MapEnum<AdminType>(
+    "project.admin_type",
+    nameTranslator);
+dataSourceBuilder.MapEnum<ProductFormat>(
+    "project.product_format",
+    nameTranslator);
+dataSourceBuilder.MapEnum<PaymentMethodType>(
+    "project.payment_method_type",
+    nameTranslator);
+dataSourceBuilder.MapEnum<OrderStatusType>(
+    "project.order_status_type",
+    nameTranslator);
+dataSourceBuilder.MapEnum<ModificationType>(
+    "project.modification_type",
+    nameTranslator);
+dataSourceBuilder.MapEnum<ArtistReleaseType>(
+    "project.artist_release_type",
+    nameTranslator);
+var dataSource = dataSourceBuilder.Build();
 builder.Services.AddDbContext<KernelRecordsContext>(options =>
+    options.UseNpgsql(
+        builder.Configuration.GetConnectionString("KernelRecords")));
+    options.UseNpgsql(dataSource));
+builder.Services.AddSession();
+// ==========================================
+// SESSION
+// ==========================================
+builder.Services.AddSession(options =>
+{
+    options.IdleTimeout = TimeSpan.FromHours(2);
+    options.Cookie.HttpOnly = true;
+    options.Cookie.IsEssential = true;
+});
 var app = builder.Build();
+// ==========================================
+// MIDDLEWARE
+// ==========================================
 if (!app.Environment.IsDevelopment())
 …
 app.UseHttpsRedirection();
 app.UseStaticFiles();
 …
 app.UseSession();
+app.UseAuthentication();
 app.UseAuthorization();

KernelRecordsMVC.Web/Views/Admin/CreateProduct.cshtml

-              r08aefc6
+              rfa0fbaf
 @model KernelRecordsMVC.Application.ViewModels.CreateProductViewModel
+<h1>New Product</h1>
+<p class="text-muted">
+    Add a physical product format for an existing release.
+</p>
+<form asp-action="CreateProduct"
+      method="post">
+    @Html.AntiForgeryToken()
+    <div asp-validation-summary="ModelOnly"
+         class="text-danger mb-3">
+@{
+    ViewData["Title"] = "New Product";
+}
+<div class="admin-page admin-form-page">
+    <!-- HEADER -->
+    <div class="admin-header">
+        <div>
+            <a asp-action="Products"
+               class="admin-back-link">
+                ← Products
+            </a>
+            <span class="admin-eyebrow">
+                INVENTORY
+            </span>
+            <h1>New Product</h1>
+            <p>
+                Add a new physical format to an existing release.
+            </p>
+        </div>
     </div>
+    <!-- RELEASE -->
+    <div class="mb-3">
+        <label asp-for="ReleaseId"
+               class="form-label">
+        </label>
+        <select asp-for="ReleaseId"
+                class="form-select">
+            <option value="">
+                -- Select Release --
+            </option>
+            @foreach (var release in ViewBag.Releases)
+            {
+                <option value="@release.ReleaseId">
+                    @release.Title
+                    (@release.ReleaseDate.ToString("yyyy"))
+                </option>
+            }
+        </select>
+        <span asp-validation-for="ReleaseId"
+              class="text-danger">
+        </span>
+    <div class="admin-form-layout">
+        <!-- =================================================
+             FORM
+             ================================================= -->
+        <section class="admin-form-card">
+            <div class="admin-form-card-header">
+                <span class="admin-eyebrow">
+                    PRODUCT INFORMATION
+                </span>
+                <h2>Product Details</h2>
+            </div>
+            <form asp-action="CreateProduct"
+                  method="post">
+                @Html.AntiForgeryToken()
+                <div asp-validation-summary="ModelOnly"
+                     class="admin-validation">
+                </div>
+                <!-- RELEASE -->
+                <div class="admin-form-field">
+                    <label asp-for="ReleaseId">
+                        Release
+                    </label>
+                    <select asp-for="ReleaseId">
+                        <option value="">
+                            Select a release
+                        </option>
+                        @foreach (var release in ViewBag.Releases)
+                        {
+                            <option value="@release.ReleaseId">
+                                @release.Title
+                                (@release.ReleaseDate.ToString("yyyy"))
+                            </option>
+                        }
+                    </select>
+                    <span asp-validation-for="ReleaseId"
+                          class="admin-field-error">
+                    </span>
+                    <small>
+                        Select the release this physical
+                        product belongs to.
+                    </small>
+                </div>
+                <div class="admin-form-row">
+                    <!-- FORMAT -->
+                    <div class="admin-form-field">
+                        <label asp-for="Format">
+                            Format
+                        </label>
+                        <select asp-for="Format"
+                                asp-items="Html.GetEnumSelectList<KernelRecordsMVC.Domain.Enums.ProductFormat>()">
+                            <option value="">
+                                Select format
+                            </option>
+                        </select>
+                        <span asp-validation-for="Format"
+                              class="admin-field-error">
+                        </span>
+                    </div>
+                    <!-- PRICE -->
+                    <div class="admin-form-field">
+                        <label asp-for="Price">
+                            Price
+                        </label>
+                        <div class="admin-input-prefix">
+                            <span>$</span>
+                            <input asp-for="Price"
+                                   type="number"
+                                   min="0"
+                                   step="0.01"
+                                   placeholder="0.00" />
+                        </div>
+                        <span asp-validation-for="Price"
+                              class="admin-field-error">
+                        </span>
+                    </div>
+                </div>
+                <!-- STOCK -->
+                <div class="admin-form-field">
+                    <label asp-for="Stock">
+                        Initial Stock
+                    </label>
+                    <input asp-for="Stock"
+                           type="number"
+                           min="0"
+                           placeholder="0" />
+                    <span asp-validation-for="Stock"
+                          class="admin-field-error">
+                    </span>
+                </div>
+                <!-- DESCRIPTION -->
+                <div class="admin-form-field">
+                    <label asp-for="ProductDescription">
+                        Product Description
+                    </label>
+                    <textarea asp-for="ProductDescription"
+                              rows="5"
+                              placeholder="Describe this physical edition..."></textarea>
+                    <span asp-validation-for="ProductDescription"
+                          class="admin-field-error">
+                    </span>
+                </div>
+                <!-- ACTIONS -->
+                <div class="admin-form-actions">
+                    <button type="submit"
+                            class="admin-button primary">
+                        Create Product
+                    </button>
+                    <a asp-action="Products"
+                       class="admin-button secondary">
+                        Cancel
+                    </a>
+                </div>
+            </form>
+        </section>
+        <!-- =================================================
+             SIDE INFO
+             ================================================= -->
+        <aside class="admin-help-card">
+            <span class="admin-eyebrow">
+                PRODUCT CREATION
+            </span>
+            <h3>Before you create</h3>
+            <div class="admin-help-item">
+                <strong>01</strong>
+                <p>
+                    A release can only have one product
+                    for each physical format.
+                </p>
+            </div>
+            <div class="admin-help-item">
+                <strong>02</strong>
+                <p>
+                    Stock can be updated later from
+                    Product Management.
+                </p>
+            </div>
+            <div class="admin-help-item">
+                <strong>03</strong>
+                <p>
+                    Creating the product will automatically
+                    create a modification record.
+                </p>
+            </div>
+        </aside>
     </div>
+    <!-- FORMAT -->
+    <div class="mb-3">
+        <label asp-for="Format"
+               class="form-label">
+        </label>
+        <select asp-for="Format"
+                asp-items="Html.GetEnumSelectList<KernelRecordsMVC.Domain.Enums.ProductFormat>()"
+                class="form-select">
+            <option value="">
+                -- Select Format --
+            </option>
+        </select>
+        <span asp-validation-for="Format"
+              class="text-danger">
+        </span>
+    </div>
+    <!-- PRICE -->
+    <div class="mb-3">
+        <label asp-for="Price"
+               class="form-label">
+        </label>
+        <div class="input-group">
+            <span class="input-group-text">
+                $
+            </span>
+            <input asp-for="Price"
+                   class="form-control"
+                   step="0.01"/>
+        </div>
+        <span asp-validation-for="Price"
+              class="text-danger">
+        </span>
+    </div>
+    <!-- DESCRIPTION -->
+    <div class="mb-3">
+        <label asp-for="ProductDescription"
+               class="form-label">
+        </label>
+        <textarea asp-for="ProductDescription"
+                  class="form-control"
+                  rows="4">
+        </textarea>
+        <span asp-validation-for="ProductDescription"
+              class="text-danger">
+        </span>
+    </div>
+    <!-- STOCK -->
+    <div class="mb-3">
+        <label asp-for="Stock"
+               class="form-label">
+        </label>
+        <input asp-for="Stock"
+               type="number"
+               min="0"
+               class="form-control"/>
+        <span asp-validation-for="Stock"
+              class="text-danger">
+        </span>
+    </div>
+    <div class="d-flex gap-2">
+        <button type="submit"
+                class="btn btn-success">
+            Create Product
+        </button>
+        <a asp-action="Index"
+           class="btn btn-secondary">
+            Cancel
+        </a>
+    </div>
+</form>
+</div>
 @section Scripts
+{
     <partial name="_ValidationScriptsPartial"/>
+    <partial name="_ValidationScriptsPartial" />
+}

KernelRecordsMVC.Web/Views/Admin/EditProduct.cshtml

-              r08aefc6
+              rfa0fbaf
 @model KernelRecordsMVC.Application.ViewModels.EditProductViewModel
+<h1>Modify Product</h1>
+<div class="card mb-4">
+    <div class="card-body">
+        <h4>@Model.ReleaseTitle</h4>
+        <p class="text-muted mb-0">
+            Format:
+            <strong>
+                @Model.Format
+            </strong>
+        </p>
+@{
+    ViewData["Title"] = "Modify Product";
+}
+<div class="admin-page admin-form-page">
+    <!-- HEADER -->
+    <div class="admin-header">
+        <div>
+            <a asp-action="Products"
+               class="admin-back-link">
+                ← Products
+            </a>
+            <span class="admin-eyebrow">
+                PRODUCT MANAGEMENT
+            </span>
+            <h1>Modify Product</h1>
+            <p>
+                Update inventory information or apply a discount.
+            </p>
+        </div>
     </div>
+    <!-- PRODUCT SUMMARY -->
+    <div class="admin-product-summary">
+        <div>
+            <span class="admin-eyebrow">
+                SELECTED PRODUCT
+            </span>
+            <h2>
+                @Model.ReleaseTitle
+            </h2>
+        </div>
+        <div class="admin-product-summary-meta">
+            <div>
+                <span>FORMAT</span>
+                <strong>
+                    @Model.Format
+                </strong>
+            </div>
+            <div>
+                <span>CURRENT PRICE</span>
+                <strong>
+                    @Model.Price.ToString("C")
+                </strong>
+            </div>
+            <div>
+                <span>STOCK</span>
+                <strong>
+                    @Model.Stock
+                </strong>
+            </div>
+        </div>
+    </div>
+    <section class="admin-form-card admin-edit-card">
+        <form asp-action="EditProduct"
+              method="post"
+              id="productEditForm">
+            @Html.AntiForgeryToken()
+            <input type="hidden"
+                   asp-for="ProductId" />
+            <div asp-validation-summary="ModelOnly"
+                 class="admin-validation">
+            </div>
+            <!-- =================================================
+                 MODIFICATION TYPE
+                 ================================================= -->
+            <div class="admin-form-field">
+                <label asp-for="ModificationType">
+                    What do you want to do?
+                </label>
+                <div class="admin-modification-options">
+                    <label class="admin-modification-option">
+                        <input type="radio"
+                               asp-for="ModificationType"
+                               value="UPDATE"
+                               id="updateOption" />
+                        <span>
+                            <strong>
+                                Update Product
+                            </strong>
+                            <small>
+                                Change price, description or stock.
+                            </small>
+                        </span>
+                    </label>
+                    <label class="admin-modification-option">
+                        <input type="radio"
+                               asp-for="ModificationType"
+                               value="DISCOUNT"
+                               id="discountOption" />
+                        <span>
+                            <strong>
+                                Apply Discount
+                            </strong>
+                            <small>
+                                Reduce the current selling price.
+                            </small>
+                        </span>
+                    </label>
+                </div>
+                <span asp-validation-for="ModificationType"
+                      class="admin-field-error">
+                </span>
+            </div>
+            <!-- =================================================
+                 UPDATE FIELDS
+                 ================================================= -->
+            <div id="updateFields"
+                 class="admin-edit-section">
+                <div class="admin-edit-section-heading">
+                    <span class="admin-eyebrow">
+                        PRODUCT UPDATE
+                    </span>
+                    <h3>Product Information</h3>
+                </div>
+                <div class="admin-form-row">
+                    <!-- PRICE -->
+                    <div class="admin-form-field">
+                        <label asp-for="Price">
+                            Price
+                        </label>
+                        <div class="admin-input-prefix">
+                            <span>$</span>
+                            <input asp-for="Price"
+                                   type="number"
+                                   min="0"
+                                   step="0.01" />
+                        </div>
+                        <span asp-validation-for="Price"
+                              class="admin-field-error">
+                        </span>
+                    </div>
+                    <!-- STOCK -->
+                    <div class="admin-form-field">
+                        <label asp-for="Stock">
+                            Stock
+                        </label>
+                        <input asp-for="Stock"
+                               type="number"
+                               min="0" />
+                        <span asp-validation-for="Stock"
+                              class="admin-field-error">
+                        </span>
+                    </div>
+                </div>
+                <div class="admin-form-field">
+                    <label asp-for="ProductDescription">
+                        Description
+                    </label>
+                    <textarea asp-for="ProductDescription"
+                              rows="5"></textarea>
+                    <span asp-validation-for="ProductDescription"
+                          class="admin-field-error">
+                    </span>
+                </div>
+            </div>
+            <!-- =================================================
+                 DISCOUNT
+                 ================================================= -->
+            <div id="discountFields"
+                 class="admin-edit-section">
+                <div class="admin-edit-section-heading">
+                    <span class="admin-eyebrow">
+                        PROMOTION
+                    </span>
+                    <h3>Apply Discount</h3>
+                    <p>
+                        The percentage will be deducted
+                        from the product's current price.
+                    </p>
+                </div>
+                <div class="admin-form-field">
+                    <label asp-for="Discount">
+                        Discount Percentage
+                    </label>
+                    <div class="admin-input-suffix">
+                        <input asp-for="Discount"
+                               type="number"
+                               min="0.01"
+                               max="99.99"
+                               step="0.01"
+                               placeholder="10" />
+                        <span>%</span>
+                    </div>
+                    <span asp-validation-for="Discount"
+                          class="admin-field-error">
+                    </span>
+                </div>
+                <div class="admin-discount-preview">
+                    <span>
+                        CURRENT PRICE
+                    </span>
+                    <strong id="currentPrice"
+                            data-price="@Model.Price">
+                        @Model.Price.ToString("C")
+                    </strong>
+                    <span>
+                        NEW PRICE
+                    </span>
+                    <strong id="discountedPrice">
+                        —
+                    </strong>
+                </div>
+            </div>
+            <!-- ACTIONS -->
+            <div class="admin-form-actions">
+                <button type="submit"
+                        class="admin-button primary">
+                    Save Changes
+                </button>
+                <a asp-action="Products"
+                   class="admin-button secondary">
+                    Cancel
+                </a>
+            </div>
+        </form>
+    </section>
 </div>
-<form asp-action="EditProduct"
-      method="post">
-    @Html.AntiForgeryToken()
-    <input type="hidden"
-           asp-for="ProductId" />
-    <div asp-validation-summary="ModelOnly"
-         class="text-danger mb-3">
-    </div>
-    <!-- MODIFICATION TYPE -->
-    <div class="mb-3">
-        <label asp-for="ModificationType"
-               class="form-label">
-            Modification Type
-        </label>
-        <select asp-for="ModificationType"
-                class="form-select">
-            <option value="UPDATE">
-                Update Product
-            </option>
-            <option value="DISCOUNT">
-                Apply Discount
-            </option>
-        </select>
-        <span asp-validation-for="ModificationType"
-              class="text-danger">
-        </span>
-    </div>
-    <!-- PRICE -->
-    <div class="mb-3">
-        <label asp-for="Price"
-               class="form-label">
-            Price
-        </label>
-        <div class="input-group">
-            <span class="input-group-text">
+                $
-            </span>
-            <input asp-for="Price"
-                   class="form-control"
-                   step="0.01" />
-        </div>
-        <span asp-validation-for="Price"
-              class="text-danger">
-        </span>
-    </div>
-    <!-- DISCOUNT -->
-    <div class="mb-3">
-        <label asp-for="Discount"
-               class="form-label">
-            Discount Percentage
-        </label>
-        <div class="input-group">
-            <input asp-for="Discount"
-                   class="form-control"
-                   type="number"
-                   min="0"
-                   max="100"
-                   step="0.01" />
-            <span class="input-group-text">
+                %
-            </span>
-        </div>
-        <small class="text-muted">
-            Only used when "Apply Discount" is selected.
-        </small>
-        <span asp-validation-for="Discount"
-              class="text-danger">
-        </span>
-    </div>
-    <!-- DESCRIPTION -->
-    <div class="mb-3">
-        <label asp-for="ProductDescription"
-               class="form-label">
-            Description
-        </label>
-        <textarea asp-for="ProductDescription"
-                  class="form-control"
-                  rows="4">
-        </textarea>
-        <span asp-validation-for="ProductDescription"
-              class="text-danger">
-        </span>
-    </div>
-    <!-- STOCK -->
-    <div class="mb-3">
-        <label asp-for="Stock"
-               class="form-label">
-            Stock
-        </label>
-        <input asp-for="Stock"
-               class="form-control"
-               type="number"
-               min="0" />
-        <span asp-validation-for="Stock"
-              class="text-danger">
-        </span>
-    </div>
-    <div class="d-flex gap-2">
-        <button type="submit"
-                class="btn btn-success">
-            Save Changes
-        </button>
-        <a asp-action="Index"
-           class="btn btn-secondary">
-            Cancel
-        </a>
-    </div>
-</form>
 @section Scripts
+{
+    <partial name="_ValidationScriptsPartial"/>
+    <partial name="_ValidationScriptsPartial" />
+    <script>
+        document.addEventListener("DOMContentLoaded", function ()
+        {
+            const updateOption =
+                document.getElementById("updateOption");
+            const discountOption =
+                document.getElementById("discountOption");
+            const updateFields =
+                document.getElementById("updateFields");
+            const discountFields =
+                document.getElementById("discountFields");
+            const discountInput =
+                document.getElementById("Discount");
+            const currentPriceElement =
+                document.getElementById("currentPrice");
+            const discountedPriceElement =
+                document.getElementById("discountedPrice");
+            function updateMode()
+            {
+                const isDiscount =
+                    discountOption.checked;
+                updateFields.style.display =
+                    isDiscount ? "none" : "block";
+                discountFields.style.display =
+                    isDiscount ? "block" : "none";
+            }
+            function updateDiscountPreview()
+            {
+                const currentPrice =
+                    parseFloat(
+                        currentPriceElement.dataset.price);
+                const discount =
+                    parseFloat(discountInput.value);
+                if (isNaN(discount) ||
+                    discount <= 0 ||
+                    discount >= 100)
+                {
+                    discountedPriceElement.textContent =
+                        "—";
+                    return;
+                }
+                const newPrice =
+                    currentPrice *
+                    (1 - discount / 100);
+                discountedPriceElement.textContent =
+                    "$" + newPrice.toFixed(2);
+            }
+            updateOption.addEventListener(
+                "change",
+                updateMode);
+            discountOption.addEventListener(
+                "change",
+                updateMode);
+            discountInput.addEventListener(
+                "input",
+                updateDiscountPreview);
+            updateMode();
+            updateDiscountPreview();
+        });
+    </script>
+}

KernelRecordsMVC.Web/Views/Admin/Index.cshtml

-              r08aefc6
+              rfa0fbaf
+}
+<h1>Admin Dashboard</h1>
+@if (TempData["Success"] != null)
+{
+    <div class="alert alert-success">
+        @TempData["Success"]
+<div class="admin-page">
+    <!-- =====================================================
+         HEADER
+         ===================================================== -->
+    <div class="admin-header">
+        <div>
+            <span class="admin-eyebrow">
+                KERNEL RECORDS
+            </span>
+            <h1>Admin Dashboard</h1>
+            <p>
+                Manage catalog, inventory and store operations.
+            </p>
+        </div>
+        <div class="admin-header-actions">
+            <a asp-action="CreateRelease"
+               class="admin-button secondary">
+                <span>♪</span>
+                New Release
+            </a>
+            <a asp-action="CreateProduct"
+               class="admin-button primary">
+                <span>＋</span>
+                New Product
+            </a>
+        </div>
     </div>
+}
+<div class="row mt-4">
+    <div class="col-md-6 mb-3">
+        <div class="card h-100">
+            <div class="card-body">
+                <h4>Products</h4>
+    @if (TempData["Success"] != null)
+    {
+        <div class="admin-alert success">
+            <span>✓</span>
+            @TempData["Success"]
+        </div>
+    }
+    @if (TempData["Error"] != null)
+    {
+        <div class="admin-alert danger">
+            <span>!</span>
+            @TempData["Error"]
+        </div>
+    }
+    <!-- =====================================================
+         STATISTICS
+         ===================================================== -->
+    <div class="admin-stat-grid">
+        <div class="admin-stat-card">
+            <span class="admin-stat-label">
+                PRODUCTS
+            </span>
+            <strong>
+                @ViewBag.ProductCount
+            </strong>
+            <p>
+                Physical products in the store
+            </p>
+        </div>
+        <div class="admin-stat-card">
+            <span class="admin-stat-label">
+                RELEASES
+            </span>
+            <strong>
+                @ViewBag.ReleaseCount
+            </strong>
+            <p>
+                Albums and singles in the catalog
+            </p>
+        </div>
+        <div class="admin-stat-card warning">
+            <span class="admin-stat-label">
+                LOW STOCK
+            </span>
+            <strong>
+                @ViewBag.LowStockCount
+            </strong>
+            <p>
+                Products with 5 or fewer remaining
+            </p>
+        </div>
+        <div class="admin-stat-card danger">
+            <span class="admin-stat-label">
+                OUT OF STOCK
+            </span>
+            <strong>
+                @ViewBag.OutOfStockCount
+            </strong>
+            <p>
+                Products requiring restocking
+            </p>
+        </div>
+    </div>
+    <!-- =====================================================
+         CATALOG MANAGEMENT
+         ===================================================== -->
+    <section class="admin-section">
+        <div class="admin-section-heading">
+            <div>
+                <span class="admin-eyebrow">
+                    CATALOG MANAGEMENT
+                </span>
+                <h2>Releases & Products</h2>
                 <p>
+                    Create and modify products available
+                    in the music store.
+                    Create music releases and manage their physical formats.
                 </p>
+                <a asp-action="Products"
+                   class="btn btn-primary">
+                    Manage Products
+                </a>
+                <a asp-action="CreateProduct"
+                   class="btn btn-success">
+                    New Product
+                </a>
+            </div>
+        </div>
+    </div>
+            </div>
+        </div>
+        <div class="admin-action-grid">
+            <!-- CREATE RELEASE -->
+            <a asp-action="CreateRelease"
+               class="admin-action-card">
+                <div class="admin-action-icon">
+                    ♪
+                </div>
+                <div>
+                    <h3>Create Release</h3>
+                    <p>
+                        Create an album or single,
+                        assign artists and add album tracks.
+                    </p>
+                </div>
+                <span class="admin-action-arrow">
+                    →
+                </span>
+            </a>
+            <!-- CREATE PRODUCT -->
+            <a asp-action="CreateProduct"
+               class="admin-action-card">
+                <div class="admin-action-icon">
+                    ＋
+                </div>
+                <div>
+                    <h3>Create Product</h3>
+                    <p>
+                        Add vinyl, CD or cassette
+                        editions to an existing release.
+                    </p>
+                </div>
+                <span class="admin-action-arrow">
+                    →
+                </span>
+            </a>
+            <!-- MANAGE PRODUCTS -->
+            <a asp-action="Products"
+               class="admin-action-card">
+                <div class="admin-action-icon">
+                    ◫
+                </div>
+                <div>
+                    <h3>Manage Products</h3>
+                    <p>
+                        Update pricing, inventory,
+                        descriptions and discounts.
+                    </p>
+                </div>
+                <span class="admin-action-arrow">
+                    →
+                </span>
+            </a>
+        </div>
+    </section>
+    <!-- =====================================================
+         WORKFLOW INFO
+         ===================================================== -->
+    <section class="admin-section">
+        <div class="admin-section-heading">
+            <div>
+                <span class="admin-eyebrow">
+                    ADMIN WORKFLOW
+                </span>
+                <h2>Catalog Process</h2>
+            </div>
+        </div>
+        <div class="admin-workflow-grid">
+            <div class="admin-workflow-card">
+                <span class="admin-workflow-number">
+                </span>
+                <div>
+                    <strong>
+                        Create Release
+                    </strong>
+                    <p>
+                        Add the album or single,
+                        artists and track information.
+                    </p>
+                </div>
+            </div>
+            <div class="admin-workflow-card">
+                <span class="admin-workflow-number">
+                </span>
+                <div>
+                    <strong>
+                        Create Product
+                    </strong>
+                    <p>
+                        Add its vinyl, CD or cassette
+                        store edition.
+                    </p>
+                </div>
+            </div>
+            <div class="admin-workflow-card">
+                <span class="admin-workflow-number">
+                </span>
+                <div>
+                    <strong>
+                        Manage Inventory
+                    </strong>
+                    <p>
+                        Change prices, stock,
+                        descriptions or apply discounts.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </section>
 </div>

KernelRecordsMVC.Web/Views/Admin/Products.cshtml

-              r08aefc6
+              rfa0fbaf
 @model IEnumerable<KernelRecordsMVC.Models.Product>
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <div>
+        <h1>Product Management</h1>
+        <p class="text-muted">
+            Create and modify products in the store.
+        </p>
+@{
+    ViewData["Title"] = "Product Management";
+}
+<div class="admin-page">
+    <!-- HEADER -->
+    <div class="admin-header">
+        <div>
+            <a asp-action="Index"
+               class="admin-back-link">
+                ← Dashboard
+            </a>
+            <span class="admin-eyebrow">
+                INVENTORY
+            </span>
+            <h1>Product Management</h1>
+            <p>
+                Manage formats, prices and inventory.
+            </p>
+        </div>
+        <a asp-action="CreateProduct"
+           class="admin-button primary">
+            <span>＋</span>
+            New Product
+        </a>
     </div>
+    <a asp-action="CreateProduct"
+       class="btn btn-success">
+        + New Product
+    </a>
+    @if (TempData["Success"] != null)
+    {
+        <div class="admin-alert success">
+            <span>✓</span>
+            @TempData["Success"]
+        </div>
+    }
+    <!-- SUMMARY -->
+    <div class="admin-list-summary">
+        <span>
+            @Model.Count() products
+        </span>
+        <span>
+            @Model.Count(x => x.Stock <= 0) out of stock
+        </span>
+    </div>
+    <!-- TABLE -->
+    <div class="admin-table-wrapper">
+        <table class="admin-table">
+            <thead>
+            <tr>
+                <th>Release</th>
+                <th>Format</th>
+                <th>Price</th>
+                <th>Stock</th>
+                <th>Status</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody>
+            @foreach (var product in Model)
+            {
+                <tr>
+                    <!-- RELEASE -->
+                    <td>
+                        <div class="admin-product-release">
+                            <div class="admin-product-cover">
+                                @if (!string.IsNullOrWhiteSpace(
+                                    product.Release.CoverPhoto))
+                                {
+                                    <img src="@product.Release.CoverPhoto"
+                                         alt="@product.Release.Title" />
+                                }
+                                else
+                                {
+                                    <span>♪</span>
+                                }
+                            </div>
+                            <div>
+                                <strong>
+                                    @product.Release.Title
+                                </strong>
+                                <small>
+                                    Product #@product.ProductId
+                                </small>
+                            </div>
+                        </div>
+                    </td>
+                    <!-- FORMAT -->
+                    <td>
+                        <span class="admin-format-badge">
+                            @product.Format
+                        </span>
+                    </td>
+                    <!-- PRICE -->
+                    <td class="admin-price">
+                        @product.Price.ToString("C")
+                    </td>
+                    <!-- STOCK -->
+                    <td>
+                        <strong>
+                            @product.Stock
+                        </strong>
+                    </td>
+                    <!-- STATUS -->
+                    <td>
+                        @if (product.Stock <= 0)
+                        {
+                            <span class="admin-stock danger">
+                                Out of stock
+                            </span>
+                        }
+                        else if (product.Stock <= 5)
+                        {
+                            <span class="admin-stock warning">
+                                Low stock
+                            </span>
+                        }
+                        else
+                        {
+                            <span class="admin-stock success">
+                                In stock
+                            </span>
+                        }
+                    </td>
+                    <!-- ACTION -->
+                    <td class="admin-table-action">
+                        <a asp-action="EditProduct"
+                           asp-route-id="@product.ProductId"
+                           class="admin-button secondary small">
+                            Modify
+                        </a>
+                    </td>
+                </tr>
+            }
+            </tbody>
+        </table>
+    </div>
 </div>
-@if (TempData["Success"] != null)
+{
-    <div class="alert alert-success">
-        @TempData["Success"]
-    </div>
+}
-<div class="table-responsive">
-    <table class="table table-hover align-middle">
-        <thead>
-        <tr>
-            <th>Release</th>
-            <th>Format</th>
-            <th>Price</th>
-            <th>Stock</th>
-            <th></th>
-        </tr>
-        </thead>
-        <tbody>
-        @foreach (var product in Model)
+        {
-            <tr>
-                <td>
-                    <strong>
-                        @product.Release.Title
-                    </strong>
-                </td>
-                <td>
-                    <span class="badge bg-secondary">
-                        @product.Format
-                    </span>
-                </td>
-                <td>
-                    $@product.Price.ToString("0.00")
-                </td>
-                <td>
-                    @if (product.Stock > 0)
+                    {
-                        <span class="text-success">
-                            @product.Stock
-                        </span>
+                    }
-                    else
+                    {
-                        <span class="text-danger">
-                            Out of stock
-                        </span>
+                    }
-                </td>
-                <td>
-                    <a asp-action="EditProduct"
-                       asp-route-id="@product.ProductId"
-                       class="btn btn-outline-primary">
-                        Modify
-                    </a>
-                </td>
-            </tr>
+        }
-        </tbody>
-    </table>
-</div>

KernelRecordsMVC.Web/Views/Home/Index.cshtml

-              r08aefc6
+              rfa0fbaf
+<div class="text-center py-5">
+@{
+    ViewData["Title"] = "Home";
+}
+    <h1 class="display-3">
+        Music Store
+    </h1>
+<div class="home-page">
     <p class="lead mt-3">
         CDs · Vinyl · Cassettes
     </p>
+    <!-- =====================================================
+         HERO
+         ===================================================== -->
+    <p class="text-muted">
+        Discover your next favorite release.
+    </p>
+    <section class="home-hero">
+    <a asp-controller="Release"
+       asp-action="Index"
+       class="btn btn-primary btn-lg mt-3">
+        <div class="home-hero-content">
+        Browse Releases
+            <span class="home-eyebrow">
+                KERNEL RECORDS
+            </span>
+    </a>
+            <h1>
+                MUSIC
+                <span>FOR</span>
+                YOUR COLLECTION.
+            </h1>
+            <p>
+                Discover vinyl records, CDs and cassettes
+                from artists and releases worth keeping.
+            </p>
+            <div class="home-hero-actions">
+                <a asp-controller="Release"
+                   asp-action="Index"
+                   class="home-button primary">
+                    Browse Collection
+                </a>
+                <a asp-controller="Sale"
+                   asp-action="Index"
+                   class="home-button secondary">
+                    Shop Sale
+                </a>
+            </div>
+        </div>
+        <div class="home-hero-mark">
+            K
+        </div>
+    </section>
+    <!-- =====================================================
+         QUICK LINKS
+         ===================================================== -->
+    <section class="home-section">
+        <div class="home-section-header">
+            <div>
+                <span class="section-label">
+                    SHOP
+                </span>
+                <h2>
+                    Find something you like.
+                </h2>
+            </div>
+        </div>
+        <div class="home-feature-grid">
+            <a asp-controller="Release"
+               asp-action="Index"
+               class="home-feature-card">
+                <span>01</span>
+                <h3>
+                    Browse Releases
+                </h3>
+                <p>
+                    Explore albums and singles.
+                </p>
+                <strong>
+                    Explore →
+                </strong>
+            </a>
+            <a asp-controller="TopSellers"
+               asp-action="Index"
+               class="home-feature-card">
+                <span>02</span>
+                <h3>
+                    Top Sellers
+                </h3>
+                <p>
+                    See what other collectors are buying.
+                </p>
+                <strong>
+                    View Top Sellers →
+                </strong>
+            </a>
+            <a asp-controller="Sale"
+               asp-action="Index"
+               class="home-feature-card sale-feature">
+                <span>03</span>
+                <h3>
+                    Sale
+                </h3>
+                <p>
+                    Find discounted physical releases.
+                </p>
+                <strong>
+                    Shop Sale →
+                </strong>
+            </a>
+        </div>
+    </section>
+    <!-- =====================================================
+         COLLECTION INFO
+         ===================================================== -->
+    <section class="home-collection">
+        <div>
+            <span class="section-label">
+                PHYSICAL MUSIC
+            </span>
+            <h2>
+                Vinyl. CDs. Cassettes.
+            </h2>
+        </div>
+        <p>
+            Build a physical collection with releases
+            available in the formats you actually want.
+        </p>
+    </section>
 </div>

KernelRecordsMVC.Web/Views/Order/Cart.cshtml

-              r08aefc6
+              rfa0fbaf
 @model KernelRecordsMVC.Application.ViewModels.CartViewModel
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <h1>Your Cart</h1>
+    <a asp-controller="Release"
+       asp-action="Index"
+       class="btn btn-outline-primary">
+        Continue Shopping
+    </a>
+</div>
+@if (TempData["Error"] != null)
+{
+    <div class="alert alert-danger">
+        @TempData["Error"]
+    </div>
+@{
+    ViewData["Title"] = "Cart";
+}
+@if (!Model.Items.Any())
+{
+    <div class="text-center py-5">
+        <h3>Your cart is empty.</h3>
+        <p class="text-muted">
+            Browse our releases and add something to your order.
+        </p>
+<div class="cart-page">
+    <div class="cart-header">
+        <div>
+            <span class="page-eyebrow">
+                YOUR ORDER
+            </span>
+            <h1>Your Cart</h1>
+            <p>
+                Review your selected physical releases.
+            </p>
+        </div>
         <a asp-controller="Release"
            asp-action="Index"
            class="btn btn-primary">
             Browse Releases
+           class="store-button secondary">
+            Continue Shopping
         </a>
 …
     </div>
+    return;
+}
+<div class="table-responsive">
+    <table class="table align-middle">
+        <thead>
+        <tr>
+            <th>Release</th>
+            <th>Format</th>
+            <th>Price</th>
+            <th>Quantity</th>
+            <th>Total</th>
+            <th></th>
+        </tr>
+        </thead>
+        <tbody>
+        @foreach (var item in Model.Items)
+        {
+            <tr>
+                <td>
+                    <a asp-controller="Release"
+                       asp-action="Details"
+                       asp-route-id="@item.ReleaseId">
+                        @item.ReleaseTitle
+                    </a>
+                </td>
+                <td>
+                    <span class="badge bg-secondary">
+                        @item.Format
+    @if (TempData["Error"] != null)
+    {
+        <div class="profile-alert"
+             style="background:#f9e8e8;color:#a33;">
+            @TempData["Error"]
+        </div>
+    }
+    @if (!Model.Items.Any())
+    {
+        <div class="empty-store">
+            <div class="empty-store-icon">
+                🛒
+            </div>
+            <h2>Your cart is empty</h2>
+            <p>
+                Browse our releases and add something to your order.
+            </p>
+            <a asp-controller="Release"
+               asp-action="Index"
+               class="store-button primary">
+                Browse Releases
+            </a>
+        </div>
+    }
+    else
+    {
+        <div class="cart-layout">
+            <div class="cart-items">
+                <div class="cart-items-header">
+                    @Model.Items.Count item(s) in your cart
+                </div>
+                @foreach (var item in Model.Items)
+                {
+                    <div class="cart-item">
+                        <a asp-controller="Release"
+                           asp-action="Details"
+                           asp-route-id="@item.ReleaseId"
+                           class="cart-item-cover">
+                            @if (!string.IsNullOrWhiteSpace(item.CoverPhoto))
+                            {
+                                <img src="@item.CoverPhoto"
+                                     alt="@item.ReleaseTitle" />
+                            }
+                            else
+                            {
+                                <div class="cart-cover-placeholder">
+                                    ♪
+                                </div>
+                            }
+                        </a>
+                        <div class="cart-item-info">
+                            <span class="cart-item-type">
+                                @item.Format
+                            </span>
+                            <h2>
+                                <a asp-controller="Release"
+                                   asp-action="Details"
+                                   asp-route-id="@item.ReleaseId">
+                                    @item.ReleaseTitle
+                                </a>
+                            </h2>
+                            <div class="cart-item-price">
+                                @item.Price.ToString("C")
+                                each
+                            </div>
+                        </div>
+                        <div class="cart-item-quantity">
+                            <form asp-action="UpdateQuantity"
+                                  method="post">
+                                @Html.AntiForgeryToken()
+                                <input type="hidden"
+                                       name="id"
+                                       value="@item.ProductId" />
+                                <input type="number"
+                                       name="quantity"
+                                       value="@item.Quantity"
+                                       min="1"
+                                       max="@item.Stock" />
+                                <button type="submit">
+                                    Update
+                                </button>
+                            </form>
+                        </div>
+                        <div class="cart-item-total">
+                            @item.Total.ToString("C")
+                        </div>
+                        <form asp-action="RemoveProduct"
+                              method="post">
+                            @Html.AntiForgeryToken()
+                            <input type="hidden"
+                                   name="id"
+                                   value="@item.ProductId" />
+                            <button type="submit"
+                                    class="cart-remove"
+                                    title="Remove">
+                                ×
+                            </button>
+                        </form>
+                    </div>
+                }
+            </div>
+            <aside class="cart-summary">
+                <span class="section-label">
+                    ORDER SUMMARY
+                </span>
+                <h2>
+                    Your Order
+                </h2>
+                <div class="summary-line">
+                    <span>
+                        Items
                     </span>
-                </td>
-                <td>
-                    $@item.Price.ToString("0.00")
-                </td>
-                <td>
-                    <form asp-action="UpdateQuantity"
-                          method="post"
-                          class="d-flex">
-                        @Html.AntiForgeryToken()
-                        <input type="hidden"
-                               name="id"
-                               value="@item.ProductId" />
-                        <input type="number"
-                               name="quantity"
-                               value="@item.Quantity"
-                               min="1"
-                               max="@item.Stock"
-                               class="form-control"
-                               style="width:90px;" />
-                        <button type="submit"
-                                class="btn btn-outline-secondary ms-2">
-                            Update
-                        </button>
-                    </form>
-                </td>
-                <td>
                     <strong>
+                        $@item.Total.ToString("0.00")
+                        @Model.Items.Sum(x => x.Quantity)
                     </strong>
+                </td>
+                <td>
+                    <form asp-action="RemoveProduct"
+                          method="post">
+                        @Html.AntiForgeryToken()
+                        <input type="hidden"
+                               name="id"
+                               value="@item.ProductId" />
+                        <button type="submit"
+                                class="btn btn-outline-danger">
+                            Remove
+                        </button>
+                    </form>
+                </td>
+            </tr>
+        }
+        </tbody>
+    </table>
+                </div>
+                <div class="summary-line total">
+                    <span>
+                        Total
+                    </span>
+                    <strong>
+                        @Model.Total.ToString("C")
+                    </strong>
+                </div>
+                <a asp-action="Checkout"
+                   class="store-button primary full">
+                    Proceed to Checkout
+                </a>
+            </aside>
+        </div>
+    }
 </div>
-<div class="row justify-content-end">
-    <div class="col-md-4">
-        <div class="card">
-            <div class="card-body">
-                <h4>Order Summary</h4>
-                <hr />
-                <div class="d-flex justify-content-between">
-                    <span>Total</span>
-                    <strong>
-                        $@Model.Total.ToString("0.00")
-                    </strong>
-                </div>
-                <a asp-action="Checkout"
-                   class="btn btn-success w-100 mt-3">
-                    Proceed to Checkout
-                </a>
-            </div>
-        </div>
-    </div>
-</div>

KernelRecordsMVC.Web/Views/Release/Details.cshtml

-              r08aefc6
+              rfa0fbaf
 @model KernelRecordsMVC.Models.Release
+<div class="row">
+    <div class="col-md-5">
+        <img src="@Model.CoverPhoto"
+             class="img-fluid rounded"
+             alt="@Model.Title" />
+@{
+    ViewData["Title"] = Model.Title;
+    var isAlbum = Model.Album != null;
+    var isSingle = Model.SingleRelease != null;
+    var releaseType =
+        isAlbum ? "ALBUM" :
+        isSingle ? "SINGLE" :
+        "RELEASE";
+    var artists = string.Join(
+        ", ",
+        Model.ReleaseArtists
+            .OrderBy(x => x.ReleaseOrdinal)
+            .Select(x => x.Artist.ArtistName)
+    );
+}
+<div class="release-details-page">
+    <div class="release-hero">
+        <div class="release-hero-cover">
+            @if (!string.IsNullOrWhiteSpace(Model.CoverPhoto))
+            {
+                <img src="@Model.CoverPhoto"
+                     alt="@Model.Title" />
+            }
+            else
+            {
+                <div class="release-no-cover">
+                    <span>♪</span>
+                </div>
+            }
+        </div>
+        <div class="release-hero-info">
+            <span class="page-eyebrow">
+                @releaseType
+            </span>
+            <h1>
+                @Model.Title
+            </h1>
+            <p class="release-artists-main">
+                @artists
+            </p>
+            <div class="release-facts">
+                <div>
+                    <span>Genre</span>
+                    <strong>
+                        @Model.Genre
+                    </strong>
+                </div>
+                <div>
+                    <span>Released</span>
+                    <strong>
+                        @Model.ReleaseDate.ToString("MMM dd, yyyy")
+                    </strong>
+                </div>
+                <div>
+                    <span>Label</span>
+                    <strong>
+                        @Model.RecordLabel
+                    </strong>
+                </div>
+            </div>
+            <div class="artist-section">
+                <span class="section-label">
+                    ARTISTS
+                </span>
+                <div class="release-artists">
+                    @foreach (var artist in Model.ReleaseArtists
+                        .OrderBy(x => x.ReleaseOrdinal))
+                    {
+                        <span class="artist-tag">
+                            @artist.Artist.ArtistName
+                            @if (artist.Type.ToString() == "FEATURE")
+                            {
+                                <span class="artist-role">
+                                    Featured
+                                </span>
+                            }
+                        </span>
+                    }
+                </div>
+            </div>
+        </div>
     </div>
+    <div class="col-md-7">
+        <h1>@Model.Title</h1>
+        <p class="lead">
+            @Model.Genre
+        </p>
+        <p>
+            <strong>Record Label:</strong>
+            @Model.RecordLabel
+        </p>
+        <p>
+            <strong>Release Date:</strong>
+            @Model.ReleaseDate.ToString("MMMM dd, yyyy")
+        </p>
+        <h5>Artists</h5>
+        <p>
+            @string.Join(
+                ", ",
+                Model.ReleaseArtists
+                    .OrderBy(x => x.ReleaseOrdinal)
+                    .Select(x => x.Artist.ArtistName)
+            )
+        </p>
+    </div>
+    <!-- =====================================================
+         PRODUCTS
+         ===================================================== -->
+    <section class="release-section">
+        <div class="section-heading">
+            <div>
+                <span class="section-label">
+                    AVAILABLE FORMATS
+                </span>
+                <h2>
+                    Choose your format
+                </h2>
+            </div>
+            <span class="track-count">
+                @Model.Products.Count product(s)
+            </span>
+        </div>
+        @if (!Model.Products.Any())
+        {
+            <div class="no-products">
+                No physical products are currently available.
+            </div>
+        }
+        else
+        {
+            <div class="product-grid">
+                @foreach (var product in Model.Products
+                    .OrderBy(x => x.Format))
+                {
+                    <div class="store-product-card">
+                        <div class="product-card-top">
+                            <span class="product-format">
+                                @product.Format
+                            </span>
+                            @if (product.Stock > 0)
+                            {
+                                <span class="product-stock available">
+                                    In stock
+                                </span>
+                            }
+                            else
+                            {
+                                <span class="product-stock unavailable">
+                                    Out of stock
+                                </span>
+                            }
+                        </div>
+                        <div class="product-price">
+                            @product.Price.ToString("C")
+                        </div>
+                        <p class="product-description">
+                            @product.ProductDescription
+                        </p>
+                        @if (product.Stock > 0)
+                        {
+                            <div class="product-actions">
+                                <a asp-controller="Order"
+                                   asp-action="AddProduct"
+                                   asp-route-id="@product.ProductId"
+                                   class="store-button primary">
+                                    Add to Cart
+                                </a>
+                                <a asp-controller="Wishlist"
+                                   asp-action="Add"
+                                   asp-route-productId="@product.ProductId"
+                                   class="store-button secondary">
+                                    ♡ Wishlist
+                                </a>
+                            </div>
+                        }
+                        else
+                        {
+                            <div class="product-actions">
+                                <a asp-controller="Wishlist"
+                                   asp-action="Add"
+                                   asp-route-productId="@product.ProductId"
+                                   class="store-button secondary full">
+                                    ♡ Add to Wishlist
+                                </a>
+                            </div>
+                        }
+                    </div>
+                }
+            </div>
+        }
+    </section>
+    <!-- =====================================================
+         ALBUM
+         ===================================================== -->
+    @if (Model.Album != null)
+    {
+        <section class="release-section">
+            <div class="section-heading">
+                <div>
+                    <span class="section-label">
+                        ALBUM
+                    </span>
+                    <h2>
+                        Track List
+                    </h2>
+                </div>
+                <span class="track-count">
+                    @Model.Album.AlbumSongs.Count tracks
+                </span>
+            </div>
+            <ol class="track-list">
+                @{
+                    var trackNumber = 1;
+                }
+                @foreach (var albumSong in Model.Album.AlbumSongs
+                    .OrderBy(x => x.SongId))
+                {
+                    <li class="track-row">
+                        <span class="track-number">
+                            @trackNumber.ToString("00")
+                        </span>
+                        <div class="track-main">
+                            <strong>
+                                @albumSong.Song.SongName
+                            </strong>
+                            @if (albumSong.Song.SongArtists.Any())
+                            {
+                                <div class="song-artists">
+                                    @string.Join(
+                                        ", ",
+                                        albumSong.Song.SongArtists
+                                            .OrderBy(x => x.SongOrdinal)
+                                            .Select(x => x.Artist.ArtistName)
+                                    )
+                                </div>
+                            }
+                        </div>
+                        <span class="track-duration">
+                            @albumSong.Song.SongDuration
+                        </span>
+                    </li>
+                    trackNumber++;
+                }
+            </ol>
+        </section>
+    }
+    <!-- =====================================================
+         SINGLE
+         ===================================================== -->
+    @if (Model.SingleRelease != null)
+    {
+        <section class="release-section">
+            <div class="section-heading">
+                <div>
+                    <span class="section-label">
+                        SINGLE
+                    </span>
+                    <h2>
+                        Single Information
+                    </h2>
+                </div>
+            </div>
+            <div class="single-info-card">
+                <div>
+                    <span class="section-label">
+                        RELEASE TYPE
+                    </span>
+                    <h2>
+                        Single
+                    </h2>
+                </div>
+                <div class="single-duration">
+                    <span>
+                        Duration
+                    </span>
+                    <strong>
+                        @Model.SingleRelease.Duration
+                    </strong>
+                </div>
+            </div>
+        </section>
+    }
 </div>
-<hr />
-<h2>Available Products</h2>
-<div class="row">
-@foreach (var product in Model.Products)
+{
-    <div class="col-md-4 mb-3">
-        <div class="card h-100">
-            <div class="card-body">
-                <h4>
-                    @product.Format
-                </h4>
-                <h5>
-                    $@product.Price
-                </h5>
-                <p>
-                    @product.ProductDescription
-                </p>
-                @if (product.Stock > 0)
+                {
-                    <p class="text-success">
-                        In stock: @product.Stock
-                    </p>
-                    <a asp-controller="Order"
-                       asp-action="AddProduct"
-                       asp-route-id="@product.ProductId"
-                       class="btn btn-success">
-                        Add to Cart
-                    </a>
+                }
-                else
+                {
-                    <p class="text-danger">
-                        Out of stock
-                    </p>
+                }
-            </div>
-        </div>
-    </div>
+}
-</div>
-@if (Model.Album != null)
+{
-    <hr />
-    <h2>Track List</h2>
-    <ol>
-    @foreach (var albumSong in Model.Album.AlbumSongs
-        .OrderBy(x => x.SongId))
+    {
-        <li>
-            @albumSong.Song.SongName
-            <span class="text-muted">
-                (@albumSong.Song.SongDuration)
-            </span>
-        </li>
+    }
-    </ol>
+}
-@if (Model.SingleRelease != null)
+{
-    <hr />
-    <h2>Single</h2>
-    <p>
-        Duration:
-        @Model.SingleRelease.Duration
-    </p>
+}

KernelRecordsMVC.Web/Views/Release/Index.cshtml

-              r08aefc6
+              rfa0fbaf
 @model IEnumerable<KernelRecordsMVC.Models.Release>
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <div>
+        <h1>Music Store</h1>
+        <p class="text-muted">
+            Browse CDs, vinyl records and cassettes.
+        </p>
+@{
+    ViewData["Title"] = "Browse Releases";
+}
+<div class="releases-page">
+    <!-- =====================================================
+         HEADER
+         ===================================================== -->
+    <div class="releases-header">
+        <div>
+            <span class="page-eyebrow">KERNEL RECORDS</span>
+            <h1>Browse Releases</h1>
+            <p>
+                Explore vinyl, CDs and cassettes from our collection.
+            </p>
+        </div>
+        <div class="release-count">
+            @Model.Count() releases
+        </div>
     </div>
+    <!-- =====================================================
+         FILTERS
+         ===================================================== -->
+    <form asp-action="Index"
+          method="get"
+          class="release-filters">
+        <div class="filter-search">
+            <label>Search</label>
+            <input type="text"
+                   name="search"
+                   value="@ViewBag.Search"
+                   placeholder="Search by title or artist..." />
+        </div>
+        <div>
+            <label>Genre</label>
+            <select name="genre">
+                <option value="">All Genres</option>
+                @foreach (var item in ViewBag.Genres)
+                {
+                    <option value="@item"
+                            selected="@(ViewBag.Genre == item ? "selected" : null)">
+                        @item
+                    </option>
+                }
+            </select>
+        </div>
+        <div>
+            <label>Format</label>
+            <select name="format">
+                <option value="">All Formats</option>
+                @foreach (var item in ViewBag.Formats)
+                {
+                    <option value="@item"
+                            selected="@(ViewBag.Format == item ? "selected" : null)">
+                        @item
+                    </option>
+                }
+            </select>
+        </div>
+        <div>
+            <label>Type</label>
+            <select name="type">
+                <option value="">All Types</option>
+                <option value="Album"
+                        selected="@(ViewBag.Type == "Album" ? "selected" : null)">
+                    Album
+                </option>
+                <option value="Single"
+                        selected="@(ViewBag.Type == "Single" ? "selected" : null)">
+                    Single
+                </option>
+            </select>
+        </div>
+        <div>
+            <label>Sort</label>
+            <select name="sort">
+                <option value="">Title A–Z</option>
+                <option value="titleDesc"
+                        selected="@(ViewBag.Sort == "titleDesc" ? "selected" : null)">
+                    Title Z–A
+                </option>
+                <option value="newest"
+                        selected="@(ViewBag.Sort == "newest" ? "selected" : null)">
+                    Newest
+                </option>
+                <option value="oldest"
+                        selected="@(ViewBag.Sort == "oldest" ? "selected" : null)">
+                    Oldest
+                </option>
+                <option value="format"
+                        selected="@(ViewBag.Sort == "format" ? "selected" : null)">
+                    Format
+                </option>
+                <option value="priceAsc"
+                        selected="@(ViewBag.Sort == "priceAsc" ? "selected" : null)">
+                    Price: Low to High
+                </option>
+                <option value="priceDesc"
+                        selected="@(ViewBag.Sort == "priceDesc" ? "selected" : null)">
+                    Price: High to Low
+                </option>
+            </select>
+        </div>
+        <div class="filter-button">
+            <button type="submit"
+                    class="store-button primary">
+                Apply Filters
+            </button>
+        </div>
+        @if (!string.IsNullOrWhiteSpace(ViewBag.Search as string) ||
+             !string.IsNullOrWhiteSpace(ViewBag.Genre as string) ||
+             !string.IsNullOrWhiteSpace(ViewBag.Format as string) ||
+             !string.IsNullOrWhiteSpace(ViewBag.Type as string) ||
+             !string.IsNullOrWhiteSpace(ViewBag.Sort as string))
+        {
+            <div class="clear-filter">
+                <a asp-action="Index">
+                    Clear all filters
+                </a>
+            </div>
+        }
+    </form>
+    <!-- =====================================================
+         RELEASE GRID
+         ===================================================== -->
+    @if (!Model.Any())
+    {
+        <div class="empty-store">
+            <div class="empty-store-icon">
+                ♪
+            </div>
+            <h2>No releases found</h2>
+            <p>
+                Try changing your search or filters.
+            </p>
+            <a asp-action="Index"
+               class="store-button primary">
+                View All Releases
+            </a>
+        </div>
+    }
+    else
+    {
+        <div class="release-grid">
+            @foreach (var release in Model)
+            {
+                var isAlbum = release.Album != null;
+                var isSingle = release.SingleRelease != null;
+                var releaseType =
+                    isAlbum ? "ALBUM" :
+                    isSingle ? "SINGLE" :
+                    "RELEASE";
+                var artists = string.Join(
+                    ", ",
+                    release.ReleaseArtists
+                        .OrderBy(x => x.ReleaseOrdinal)
+                        .Select(x => x.Artist.ArtistName)
+                );
+                var lowestPrice = release.Products
+                    .Select(x => (decimal?)x.Price)
+                    .Min();
+                <article class="release-card">
+                    <a asp-action="Details"
+                       asp-route-id="@release.ReleaseId"
+                       class="release-card-cover">
+                        @if (!string.IsNullOrWhiteSpace(release.CoverPhoto))
+                        {
+                            <img src="@release.CoverPhoto"
+                                 alt="@release.Title" />
+                        }
+                        else
+                        {
+                            <div class="release-no-cover">
+                                <span>♪</span>
+                            </div>
+                        }
+                        <span class="release-type-badge">
+                            @releaseType
+                        </span>
+                    </a>
+                    <div class="release-card-body">
+                        <div class="release-card-meta">
+                            <span>
+                                @release.Genre
+                            </span>
+                            <span>
+                                @release.ReleaseDate.ToString("yyyy")
+                            </span>
+                        </div>
+                        <h2>
+                            <a asp-action="Details"
+                               asp-route-id="@release.ReleaseId">
+                                @release.Title
+                            </a>
+                        </h2>
+                        <p class="release-card-artist">
+                            @artists
+                        </p>
+                        <div class="format-list">
+                            @foreach (var product in release.Products
+                                .GroupBy(x => x.Format)
+                                .Select(x => x.First()))
+                            {
+                                <span class="format-pill">
+                                    @product.Format
+                                </span>
+                            }
+                        </div>
+                        <div class="release-card-bottom">
+                            <div class="release-starting">
+                                Starting at
+                                <strong>
+                                    @(lowestPrice?.ToString("C") ?? "N/A")
+                                </strong>
+                            </div>
+                            <a asp-action="Details"
+                               asp-route-id="@release.ReleaseId"
+                               class="store-button primary small">
+                                View
+                            </a>
+                        </div>
+                    </div>
+                </article>
+            }
+        </div>
+    }
 </div>
-<!-- SEARCH -->
-<form asp-action="Index"
-      method="get"
-      class="row g-2 mb-4">
-    <div class="col-md-6">
-        <input type="text"
-               name="search"
-               value="@ViewBag.Search"
-               class="form-control"
-               placeholder="Search releases..." />
-    </div>
-    <div class="col-md-3">
-        <select name="genre"
-                class="form-select">
-            <option value="">
-                All genres
-            </option>
-            @foreach (var genre in ViewBag.Genres)
+            {
-                <option value="@genre"
-                        selected="@(ViewBag.Genre == genre)">
-                    @genre
-                </option>
+            }
-        </select>
-    </div>
-    <div class="col-md-3">
-        <button type="submit"
-                class="btn btn-primary w-100">
-            Search
-        </button>
-    </div>
-</form>
-<!-- RELEASES -->
-<div class="row">
-@foreach (var release in Model)
+{
-    <div class="col-md-4 mb-4">
-        <div class="card h-100 shadow-sm">
-            @if (!string.IsNullOrEmpty(release.CoverPhoto))
+            {
-                <img src="@release.CoverPhoto"
-                     class="card-img-top"
-                     style="height:300px; object-fit:cover;"
-                     alt="@release.Title" />
+            }
-            <div class="card-body">
-                <h4 class="card-title">
-                    @release.Title
-                </h4>
-                <p class="text-muted mb-1">
-                    @release.Genre
-                </p>
-                <p class="small">
-                    @release.ReleaseDate.ToString("yyyy")
-                </p>
-                <!-- ARTISTS -->
-                <p>
-                    @string.Join(
-                        ", ",
-                        release.ReleaseArtists
-                            .OrderBy(x => x.ReleaseOrdinal)
-                            .Select(x => x.Artist.ArtistName)
+                    )
-                </p>
-                <!-- AVAILABLE FORMATS -->
-                <div class="mb-3">
-                    @foreach (var product in release.Products)
+                    {
-                        <span class="badge bg-secondary me-1">
-                            @product.Format
-                        </span>
+                    }
-                </div>
-                <a asp-action="Details"
-                   asp-route-id="@release.ReleaseId"
-                   class="btn btn-primary">
-                    View Release
-                </a>
-            </div>
-        </div>
-    </div>
+}
-</div>

KernelRecordsMVC.Web/Views/Shared/_Layout.cshtml

-              r08aefc6
+              rfa0fbaf
+<!DOCTYPE html>
+@using Microsoft.AspNetCore.Http
+<!DOCTYPE html>
 <html lang="en">
 <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>@ViewData["Title"] - KernelRecordsMVC</title>
+    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css"/>
+    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>
+    <link rel="stylesheet" href="~/KernelRecordsMVC.styles.css" asp-append-version="true"/>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>@ViewData["Title"] - Kernel Records</title>
+<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
 </head>
 <body>
+<header>
+    <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
+        <div class="container-fluid">
+            <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">KernelRecordsMVC</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
+                <ul class="navbar-nav flex-grow-1">
+                    <li class="nav-item">
+                        <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+                    </li>
+                </ul>
+<header class="site-header">
+<!-- =====================================================
+     MAIN NAVBAR
+     ===================================================== -->
+<nav class="navbar">
+    <div class="navbar-container">
+        <!-- LOGO -->
+        <a class="brand"
+           asp-controller="Home"
+           asp-action="Index">
+            <span class="brand-main">
+                KERNEL
+            </span>
+            <span class="brand-sub">
+                RECORDS
+            </span>
+        </a>
+        <!-- MOBILE MENU BUTTON -->
+        <button class="mobile-menu-button"
+                type="button"
+                aria-label="Toggle navigation"
+                onclick="toggleMobileMenu()">
+            ☰
+        </button>
+        <!-- NAVBAR CONTENT -->
+        <div class="navbar-content"
+             id="navbarContent">
+            <!-- =================================================
+                 MAIN NAVIGATION
+                 ================================================= -->
+            <ul class="nav-links">
+                <!-- Browse -->
+                <li>
+                    <a asp-controller="Release"
+                       asp-action="Index">
+                        Browse
+                    </a>
+                </li>
+                <!-- Top Sellers -->
+                <li>
+                    <a asp-controller="TopSellers"
+                       asp-action="Index">
+                        Top Sellers
+                    </a>
+                </li>
+                <!-- Artists -->
+                <li>
+                    <a asp-controller="Artist"
+                       asp-action="Index">
+                        Artists
+                    </a>
+                </li>
+                <!-- Genres -->
+                <li class="nav-dropdown">
+                    <a href="#"
+                       class="dropdown-toggle">
+                        Genres
+                        <span class="arrow">
+                            ⌄
+                        </span>
+                    </a>
+                    <div class="dropdown-menu">
+                        <a asp-controller="Release"
+                           asp-action="Index"
+                           asp-route-genre="Rock">
+                            Rock
+                        </a>
+                        <a asp-controller="Release"
+                           asp-action="Index"
+                           asp-route-genre="Pop">
+                            Pop
+                        </a>
+                        <a asp-controller="Release"
+                           asp-action="Index"
+                           asp-route-genre="Hip-Hop">
+                            Hip-Hop
+                        </a>
+                        <a asp-controller="Release"
+                           asp-action="Index"
+                           asp-route-genre="Jazz">
+                            Jazz
+                        </a>
+                        <a asp-controller="Release"
+                           asp-action="Index"
+                           asp-route-genre="Electronic">
+                            Electronic
+                        </a>
+                        <a asp-controller="Release"
+                           asp-action="Index">
+                            All Genres
+                        </a>
+                    </div>
+                </li>
+                <!-- Sale -->
+                <li>
+                    <a asp-controller="Sale"
+                       asp-action="Index"
+                       class="nav-sale">
+                        Sale
+                    </a>
+                </li>
+            </ul>
+            <!-- =================================================
+                 SEARCH
+                 ================================================= -->
+            <form class="navbar-search"
+                  asp-controller="Release"
+                  asp-action="Index"
+                  method="get">
+                <input type="text"
+                       name="search"
+                       placeholder="Search releases..."
+                       autocomplete="off" />
+                <button type="submit"
+                        aria-label="Search">
+                    <span>
+                        ⌕
+                    </span>
+                </button>
+            </form>
+            <!-- =================================================
+                 RIGHT SIDE ACTIONS
+                 ================================================= -->
+            <div class="navbar-actions">
+                <!-- =================================================
+                     WISHLIST
+                     ================================================= -->
+                <a class="nav-icon"
+                   asp-controller="Wishlist"
+                   asp-action="Index"
+                   title="Wishlist">
+                    <span class="icon">
+                        ♡
+                    </span>
+                    <span class="icon-label">
+                        Wishlist
+                    </span>
+                </a>
+                <!-- =================================================
+                     CART
+                     ================================================= -->
+                <a class="nav-icon"
+                   asp-controller="Order"
+                   asp-action="Cart"
+                   title="Shopping Cart">
+                    <span class="icon cart-icon">
+                        🛒
+                    </span>
+                    <span class="icon-label">
+                        Cart
+                    </span>
+                </a>
+                <!-- =================================================
+                     ACCOUNT
+                     ================================================= -->
+                @if (Context.Session.GetInt32("UserId") != null)
+                {
+                    <!-- LOGGED IN -->
+                    <div class="account-dropdown">
+                        <button class="account-button"
+                                type="button">
+                            <span class="user-icon">
+                                ●
+                            </span>
+                            <span class="account-name">
+                                @Context.Session.GetString("Username")
+                            </span>
+                            <span class="arrow">
+                                ⌄
+                            </span>
+                        </button>
+                        <!-- ACCOUNT MENU -->
+                        <div class="account-menu">
+                            <!-- PROFILE -->
+                            <a asp-controller="Account"
+                               asp-action="Profile">
+                                <span>
+                                    👤
+                                </span>
+                                My Profile
+                            </a>
+                            <!-- ORDERS -->
+                            <a asp-controller="Order"
+                               asp-action="Cart">
+                                <span>
+                                    📦
+                                </span>
+                                My Orders
+                            </a>
+                            <!-- WISHLIST -->
+                            <a asp-controller="Wishlist"
+                               asp-action="Index">
+                                <span>
+                                    ♡
+                                </span>
+                                My Wishlist
+                            </a>
+                            <!-- ADMIN -->
+                            @if (Context.Session.GetString("Role") == "Admin")
+                            {
+                                <div class="menu-divider"></div>
+                                <a asp-controller="Admin"
+                                   asp-action="Index"
+                                   class="admin-link">
+                                    <span>
+                                        ⚙
+                                    </span>
+                                    Admin Dashboard
+                                </a>
+                            }
+                            <div class="menu-divider"></div>
+                            <!-- LOGOUT -->
+                            <form asp-controller="Account"
+                                  asp-action="Logout"
+                                  method="post">
+                                @Html.AntiForgeryToken()
+                                <button type="submit"
+                                        class="logout-button">
+                                    <span>↪</span>
+                                    Logout
+                                </button>
+                            </form>
+                        </div>
+                    </div>
+                }
+                else
+                {
+                    <!-- =================================================
+                         NOT LOGGED IN
+                         ================================================= -->
+                    <div class="auth-buttons">
+                        <a asp-controller="Account"
+                           asp-action="Login"
+                           class="login-button">
+                            Login
+                        </a>
+                        <a asp-controller="Account"
+                           asp-action="Register"
+                           class="register-button">
+                            Register
+                        </a>
+                    </div>
+                }
             </div>
         </div>
+    </nav>
+    </div>
+</nav>
+<!-- =====================================================
+     ANNOUNCEMENT BAR
+     ===================================================== -->
+<div class="announcement-bar">
+    <span>
+        FREE SHIPPING ON ORDERS OVER €50
+    </span>
+    <span class="announcement-separator">
+        •
+    </span>
+    <span>
+        NEW VINYL EVERY WEEK
+    </span>
+</div>
 </header>
+<div class="container">
+    <main role="main" class="pb-3">
+        @RenderBody()
+    </main>
+<!-- =========================================================
+     MAIN CONTENT
+     ========================================================= -->
+<main class="main-content">
+@RenderBody()
+</main>
+<!-- =========================================================
+     FOOTER
+     ========================================================= -->
+<footer class="site-footer">
+<div class="footer-container">
+    <!-- BRAND -->
+    <div class="footer-brand">
+        <div class="footer-logo">
+            KERNEL RECORDS
+        </div>
+        <p>
+            Your destination for vinyl, CDs and cassettes.
+        </p>
+    </div>
+    <!-- SHOP -->
+    <div class="footer-column">
+        <h4>
+            Shop
+        </h4>
+        <a asp-controller="Release"
+           asp-action="Index">
+            Releases
+        </a>
+        <a asp-controller="Release"
+           asp-action="Index">
+            New Releases
+        </a>
+        <a asp-controller="Artist"
+           asp-action="Index">
+            Artists
+        </a>
+    </div>
+    <!-- ACCOUNT -->
+    <div class="footer-column">
+        <h4>
+            Account
+        </h4>
+        @if (Context.Session.GetInt32("UserId") != null)
+        {
+            <a asp-controller="Account"
+               asp-action="Profile">
+                My Profile
+            </a>
+            <a asp-controller="Order"
+               asp-action="Cart">
+                My Orders
+            </a>
+            <a asp-controller="Wishlist"
+               asp-action="Index">
+                Wishlist
+            </a>
+        }
+        else
+        {
+            <a asp-controller="Account"
+               asp-action="Login">
+                Login
+            </a>
+            <a asp-controller="Account"
+               asp-action="Register">
+                Register
+            </a>
+        }
+    </div>
+    <!-- HELP -->
+    <div class="footer-column">
+        <h4>
+            Help
+        </h4>
+        <a href="#">
+            Shipping
+        </a>
+        <a href="#">
+            Returns
+        </a>
+        <a href="#">
+            Contact
+        </a>
+    </div>
 </div>
+<footer class="border-top footer text-muted">
+    <div class="container">
+        &copy; 2026 - KernelRecordsMVC - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+    </div>
+<!-- FOOTER BOTTOM -->
+<div class="footer-bottom">
+    <span>
+        © @DateTime.Now.Year Kernel Records
+    </span>
+    <span>
+        All rights reserved.
+    </span>
+</div>
 </footer>
+<script src="~/lib/jquery/dist/jquery.min.js"></script>
+<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+<script src="~/js/site.js" asp-append-version="true"></script>
+@await RenderSectionAsync("Scripts", required: false)
+<!-- =========================================================
+     MOBILE NAVIGATION SCRIPT
+     ========================================================= -->
+<script>
+    function toggleMobileMenu()
+    {
+        const menu =
+            document.getElementById("navbarContent");
+        menu.classList.toggle("mobile-open");
+    }
+    // Close mobile menu when clicking outside
+    document.addEventListener("click", function (event)
+    {
+        const menu =
+            document.getElementById("navbarContent");
+        const button =
+            document.querySelector(".mobile-menu-button");
+        if (!menu.contains(event.target) &&
+            !button.contains(event.target))
+        {
+            menu.classList.remove("mobile-open");
+        }
+    });
+</script>
+@await RenderSectionAsync(
+"Scripts",
+required: false)
 </body>
 </html>

KernelRecordsMVC.Web/appsettings.json

r08aefc6	rfa0fbaf
1	1	{
	2	"ConnectionStrings": {
	3	"KernelRecords": ""
	4	},
	5
2	6	"Logging": {
3	7	"LogLevel": {
…	…
6	10	}
7	11	},
	12
8	13	"AllowedHosts": "*"
9	14	}

KernelRecordsMVC.Web/bin/Debug/net8.0/KernelRecordsMVC.Web.deps.json

-              r08aefc6
+              rfa0fbaf
           "KernelRecordsMVC.Application": "1.0.0",
           "KernelRecordsMVC.Infrastructure": "1.0.0",
+          "Microsoft.EntityFrameworkCore": "8.0.8"
+          "Microsoft.EntityFrameworkCore": "8.0.8",
+          "Npgsql.EntityFrameworkCore.PostgreSQL": "8.0.8"
         },
         "runtime": {

KernelRecordsMVC.Web/bin/Debug/net8.0/appsettings.json

r08aefc6	rfa0fbaf
1	1	{
	2	"ConnectionStrings": {
	3	"KernelRecords": ""
	4	},
	5
2	6	"Logging": {
3	7	"LogLevel": {
…	…
6	10	}
7	11	},
	12
8	13	"AllowedHosts": "*"
9	14	}

KernelRecordsMVC.Web/obj/Debug/net8.0/KernelRecordsMVC.Web.AssemblyInfo.cs

-              r08aefc6
+              rfa0fbaf
 using System.Reflection;
+[assembly: Microsoft.Extensions.Configuration.UserSecrets.UserSecretsIdAttribute("7996030f-d5d7-4616-a943-1e4992329169")]
 [assembly: System.Reflection.AssemblyCompanyAttribute("KernelRecordsMVC.Web")]
 [assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
 [assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
 [assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0")]
+[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+08aefc6f3b51f4bfcb7471a2fd319c064171b1c5")]
 [assembly: System.Reflection.AssemblyProductAttribute("KernelRecordsMVC.Web")]
 [assembly: System.Reflection.AssemblyTitleAttribute("KernelRecordsMVC.Web")]

KernelRecordsMVC.Web/obj/Debug/net8.0/KernelRecordsMVC.Web.AssemblyInfoInputs.cache

r08aefc6	rfa0fbaf
1		a4f4eb88e517c7eefc9f4de02b54f54cf2b8d15155e7524b493c4ff6d5ef0bd5
	1	c8c33cb9ccc0e5c5e6227ad0d596fbb462f0c80224c10ca755e42b9afff049e9

KernelRecordsMVC.Web/obj/Debug/net8.0/KernelRecordsMVC.Web.GeneratedMSBuildEditorConfig.editorconfig

-              r08aefc6
+              rfa0fbaf
 build_metadata.AdditionalFiles.CssScope =
+[C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/Account/Profile.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcQWNjb3VudFxQcm9maWxlLmNzaHRtbA==
+build_metadata.AdditionalFiles.CssScope =
 [C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/Account/Register.cshtml]
 build_metadata.AdditionalFiles.TargetPath = Vmlld3NcQWNjb3VudFxSZWdpc3Rlci5jc2h0bWw=
 …
 [C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/Admin/CreateProduct.cshtml]
 build_metadata.AdditionalFiles.TargetPath = Vmlld3NcQWRtaW5cQ3JlYXRlUHJvZHVjdC5jc2h0bWw=
+build_metadata.AdditionalFiles.CssScope =
+[C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/Admin/CreateRelease.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcQWRtaW5cQ3JlYXRlUmVsZWFzZS5jc2h0bWw=
 build_metadata.AdditionalFiles.CssScope =
 …
 build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUmVsZWFzZVxJbmRleC5jc2h0bWw=
 build_metadata.AdditionalFiles.CssScope =
+[C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/Sale/Index.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2FsZVxJbmRleC5jc2h0bWw=
+build_metadata.AdditionalFiles.CssScope =
+[C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/TopSellers/Index.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcVG9wU2VsbGVyc1xJbmRleC5jc2h0bWw=
+build_metadata.AdditionalFiles.CssScope =
+[C:/Users/Marko/RiderProjects/KernelRecordsMVC/KernelRecordsMVC.Web/Views/Wishlist/Index.cshtml]
+build_metadata.AdditionalFiles.TargetPath = Vmlld3NcV2lzaGxpc3RcSW5kZXguY3NodG1s
+build_metadata.AdditionalFiles.CssScope =

KernelRecordsMVC.Web/obj/Debug/net8.0/KernelRecordsMVC.Web.csproj.CoreCompileInputs.cache

r08aefc6	rfa0fbaf
1		9f4bc3ac55251cbca4306c0fb37573f798c006e8b97657e25caacf03d029d22e
	1	21c22170dbd5df356be1a77b3f77b619add1a8fb50970ec121bfff2f0bc30d5a

KernelRecordsMVC.Web/obj/Debug/net8.0/KernelRecordsMVC.Web.csproj.FileListAbsolute.txt

r08aefc6	rfa0fbaf
26	26	C:\Users\Marko\RiderProjects\KernelRecordsMVC\KernelRecordsMVC.Web\obj\Debug\net8.0\KernelRecordsMVC.Web.RazorAssemblyInfo.cache
27	27	C:\Users\Marko\RiderProjects\KernelRecordsMVC\KernelRecordsMVC.Web\obj\Debug\net8.0\KernelRecordsMVC.Web.RazorAssemblyInfo.cs
	28	C:\Users\Marko\RiderProjects\KernelRecordsMVC\KernelRecordsMVC.Web\obj\Debug\net8.0\KernelRecordsMVC.Web.sourcelink.json
28	29	C:\Users\Marko\RiderProjects\KernelRecordsMVC\KernelRecordsMVC.Web\obj\Debug\net8.0\staticwebassets.build.json
29	30	C:\Users\Marko\RiderProjects\KernelRecordsMVC\KernelRecordsMVC.Web\obj\Debug\net8.0\staticwebassets.development.json

KernelRecordsMVC.Web/obj/KernelRecordsMVC.Web.csproj.nuget.dgspec.json

r08aefc6	rfa0fbaf
69	69	}
70	70	},
71		"runtimeIdentifierGraphPath": "C:\\~~Users\\Marko\\.dotnet\\sdk\\8.0.422~~/PortableRuntimeIdentifierGraph.json"
	71	"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.424/PortableRuntimeIdentifierGraph.json"
72	72	}
73	73	}
…	…
133	133	}
134	134	},
135		"runtimeIdentifierGraphPath": "C:\\~~Users\\Marko\\.dotnet\\sdk\\8.0.422~~/PortableRuntimeIdentifierGraph.json"
	135	"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.424/PortableRuntimeIdentifierGraph.json"
136	136	}
137	137	}
…	…
208	208	}
209	209	},
210		"runtimeIdentifierGraphPath": "C:\\~~Users\\Marko\\.dotnet\\sdk\\8.0.422~~/PortableRuntimeIdentifierGraph.json"
	210	"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.424/PortableRuntimeIdentifierGraph.json"
211	211	}
212	212	}
…	…
261	261	"target": "Package",
262	262	"version": "[8.0.8, )"
	263	},
	264	"Npgsql.EntityFrameworkCore.PostgreSQL": {
	265	"target": "Package",
	266	"version": "[8.0.8, )"
263	267	}
264	268	},
…	…
282	286	}
283	287	},
284		"runtimeIdentifierGraphPath": "C:\\~~Users\\Marko\\.dotnet\\sdk\\8.0.422~~/PortableRuntimeIdentifierGraph.json"
	288	"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.424/PortableRuntimeIdentifierGraph.json"
285	289	}
286	290	}

KernelRecordsMVC.Web/obj/KernelRecordsMVC.Web.csproj.nuget.g.props

r08aefc6	rfa0fbaf
8	8	<NuGetPackageFolders Condition=" '$(NuGetPackageFolders)' == '' ">C:\Users\Marko\.nuget\packages\</NuGetPackageFolders>
9	9	<NuGetProjectStyle Condition=" '$(NuGetProjectStyle)' == '' ">PackageReference</NuGetProjectStyle>
10		<NuGetToolVersion Condition=" '$(NuGetToolVersion)' == '' ">~~7.0.0~~</NuGetToolVersion>
	10	<NuGetToolVersion Condition=" '$(NuGetToolVersion)' == '' ">6.11.2</NuGetToolVersion>
11	11	</PropertyGroup>
12	12	<ItemGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">

KernelRecordsMVC.Web/obj/project.assets.json

r08aefc6	rfa0fbaf
772	772	"KernelRecordsMVC.Application >= 1.0.0",
773	773	"KernelRecordsMVC.Infrastructure >= 1.0.0",
774		"Microsoft.EntityFrameworkCore >= 8.0.8"
	774	"Microsoft.EntityFrameworkCore >= 8.0.8",
	775	"Npgsql.EntityFrameworkCore.PostgreSQL >= 8.0.8"
775	776	]
776	777	},
…	…
827	828	"target": "Package",
828	829	"version": "[8.0.8, )"
	830	},
	831	"Npgsql.EntityFrameworkCore.PostgreSQL": {
	832	"target": "Package",
	833	"version": "[8.0.8, )"
829	834	}
830	835	},
…	…
848	853	}
849	854	},
850		"runtimeIdentifierGraphPath": "C:\\~~Users\\Marko\\.dotnet\\sdk\\8.0.422~~/PortableRuntimeIdentifierGraph.json"
	855	"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.424/PortableRuntimeIdentifierGraph.json"
851	856	}
852	857	}

KernelRecordsMVC.Web/obj/project.nuget.cache

r08aefc6	rfa0fbaf
1	1	{
2	2	"version": 2,
3		"dgSpecHash": "~~OEK7FBkFq/o~~=",
	3	"dgSpecHash": "iFoBIOYqVS4=",
4	4	"success": true,
5	5	"projectFilePath": "C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\KernelRecordsMVC.Web.csproj",

KernelRecordsMVC.Web/obj/project.packagespec.json

r08aefc6	rfa0fbaf
1		"restore":{"projectUniqueName":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\KernelRecordsMVC.Web.csproj","projectName":"KernelRecordsMVC.Web","projectPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\KernelRecordsMVC.Web.csproj","packagesPath":"","outputPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\obj\\","projectStyle":"PackageReference","originalTargetFrameworks":["net8.0"],"sources":{"https://api.nuget.org/v3/index.json":{}},"frameworks":{"net8.0":{"targetAlias":"net8.0","projectReferences":{"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Application\\KernelRecordsMVC.Application.csproj":{"projectPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Application\\KernelRecordsMVC.Application.csproj"},"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Infrastructure\\KernelRecordsMVC.Infrastructure.csproj":{"projectPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Infrastructure\\KernelRecordsMVC.Infrastructure.csproj"}}}},"warningProperties":{"warnAsError":["NU1605"]},"restoreAuditProperties":{"enableAudit":"true","auditLevel":"low","auditMode":"direct"}}"frameworks":{"net8.0":{"targetAlias":"net8.0","dependencies":{"Microsoft.EntityFrameworkCore":{"target":"Package","version":"[8.0.8, )"}},"imports":["net461","net462","net47","net471","net472","net48","net481"],"assetTargetFallback":true,"warn":true,"frameworkReferences":{"Microsoft.AspNetCore.App":{"privateAssets":"none"},"Microsoft.NETCore.App":{"privateAssets":"all"}},"runtimeIdentifierGraphPath":"C:\\Users\\Marko\\.dotnet\\sdk\\8.0.422/PortableRuntimeIdentifierGraph.json"}}
	1	"restore":{"projectUniqueName":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\KernelRecordsMVC.Web.csproj","projectName":"KernelRecordsMVC.Web","projectPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\KernelRecordsMVC.Web.csproj","packagesPath":"","outputPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Web\\obj\\","projectStyle":"PackageReference","originalTargetFrameworks":["net8.0"],"sources":{"https://api.nuget.org/v3/index.json":{}},"frameworks":{"net8.0":{"targetAlias":"net8.0","projectReferences":{"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Application\\KernelRecordsMVC.Application.csproj":{"projectPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Application\\KernelRecordsMVC.Application.csproj"},"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Infrastructure\\KernelRecordsMVC.Infrastructure.csproj":{"projectPath":"C:\\Users\\Marko\\RiderProjects\\KernelRecordsMVC\\KernelRecordsMVC.Infrastructure\\KernelRecordsMVC.Infrastructure.csproj"}}}},"warningProperties":{"warnAsError":["NU1605"]},"restoreAuditProperties":{"enableAudit":"true","auditLevel":"low","auditMode":"direct"}}"frameworks":{"net8.0":{"targetAlias":"net8.0","dependencies":{"Microsoft.EntityFrameworkCore":{"target":"Package","version":"[8.0.8, )"},"Npgsql.EntityFrameworkCore.PostgreSQL":{"target":"Package","version":"[8.0.8, )"}},"imports":["net461","net462","net47","net471","net472","net48","net481"],"assetTargetFallback":true,"warn":true,"frameworkReferences":{"Microsoft.AspNetCore.App":{"privateAssets":"none"},"Microsoft.NETCore.App":{"privateAssets":"all"}},"runtimeIdentifierGraphPath":"C:\\Program Files\\dotnet\\sdk\\8.0.424/PortableRuntimeIdentifierGraph.json"}}

KernelRecordsMVC.Web/obj/rider.project.model.nuget.info

r08aefc6	rfa0fbaf
1		178~~78899583857593~~
	1	17882300160457909

KernelRecordsMVC.Web/obj/rider.project.restore.info

r08aefc6	rfa0fbaf
1		178~~78899596274790~~
	1	17882300160457909

KernelRecordsMVC.Web/wwwroot/css/site.css

-              r08aefc6
+              rfa0fbaf
+/* =========================================================
+   KERNEL RECORDS
+   MAIN STYLESHEET
+   ========================================================= */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
 html {
+  font-size: 16px;
+  scroll-behavior: smooth;
+}
+body {
+  font-family:
+          Inter,
+          -apple-system,
+          BlinkMacSystemFont,
+          "Segoe UI",
+          sans-serif;
+  background: #f5f5f3;
+  color: #171717;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}
+button,
+input,
+select,
+textarea {
+  font: inherit;
+}
+button {
+  cursor: pointer;
+}
+/* =========================================================
+   NAVBAR
+   ========================================================= */
+.site-header {
+  position: relative;
+  z-index: 1000;
+}
+.navbar {
+  background: #111;
+  color: white;
+  border-bottom: 1px solid #292929;
+}
+.navbar-container {
+  max-width: 1450px;
+  height: 82px;
+  margin: auto;
+  padding: 0 30px;
+  display: flex;
+  align-items: center;
+  gap: 35px;
+}
+.brand {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  line-height: .9;
+  letter-spacing: 2px;
+}
+.brand-main {
+  font-size: 25px;
+  font-weight: 900;
+}
+.brand-sub {
+  margin-top: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 5px;
+  opacity: .65;
+}
+.navbar-content {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 25px;
+}
+.nav-links {
+  display: flex;
+  align-items: center;
+  gap: 25px;
+  list-style: none;
+  white-space: nowrap;
+}
+.nav-links a {
+  position: relative;
+  color: #d5d5d5;
+  font-size: 13px;
+  font-weight: 700;
+}
+.nav-links a:hover {
+  color: white;
+}
+.nav-links > li > a::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -8px;
+  width: 0;
+  height: 2px;
+  background: white;
+  transition: width .2s ease;
+}
+.nav-links > li > a:hover::after {
+  width: 100%;
+}
+.nav-sale {
+  color: #ffb4b4 !important;
+}
+/* =========================================================
+   DROPDOWNS
+   ========================================================= */
+.nav-dropdown {
+  position: relative;
+}
+.dropdown-toggle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.arrow {
+  font-size: 12px;
+  opacity: .7;
+}
+.dropdown-menu {
+  position: absolute;
+  top: calc(100% + 22px);
+  left: -15px;
+  width: 190px;
+  padding: 8px 0;
+  background: #1b1b1b;
+  border: 1px solid #303030;
+  border-radius: 8px;
+  box-shadow: 0 15px 40px rgba(0,0,0,.35);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(-5px);
+  transition:
+          opacity .2s ease,
+          transform .2s ease,
+          visibility .2s ease;
+}
+.nav-dropdown:hover .dropdown-menu {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+.dropdown-menu a {
+  display: block;
+  padding: 11px 17px;
+  color: #ccc;
+}
+.dropdown-menu a:hover {
+  background: #292929;
+  color: white;
+}
+/* =========================================================
+   NAV SEARCH
+   ========================================================= */
+.navbar-search {
+  flex: 1;
+  max-width: 320px;
+  height: 40px;
+  margin-left: auto;
+  display: flex;
+  background: #242424;
+  border: 1px solid #343434;
+  border-radius: 6px;
+  overflow: hidden;
+}
+.navbar-search input {
+  flex: 1;
+  min-width: 0;
+  padding: 0 14px;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: white;
+  font-size: 13px;
+}
+.navbar-search input::placeholder {
+  color: #888;
+}
+.navbar-search button {
+  width: 43px;
+  border: none;
+  background: transparent;
+  color: #aaa;
+  font-size: 22px;
+}
+.navbar-search button:hover {
+  background: #303030;
+  color: white;
+}
+/* =========================================================
+   NAV ACTIONS
+   ========================================================= */
+.navbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 17px;
+  flex-shrink: 0;
+}
+.nav-icon {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  color: #d1d1d1;
+  transition: color .2s ease;
+}
+.nav-icon:hover {
+  color: white;
+}
+.icon {
+  font-size: 21px;
+}
+.icon-label {
+  font-size: 12px;
+  font-weight: 700;
+}
+.cart-icon {
+  font-size: 17px;
+}
+/* =========================================================
+   AUTH
+   ========================================================= */
+.auth-buttons {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.login-button,
+.register-button {
+  height: 38px;
+  padding: 0 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 5px;
+  font-size: 12px;
+  font-weight: 800;
+}
+.login-button {
+  border: 1px solid #555;
+  background: transparent;
+  color: #eee;
+}
+.login-button:hover {
+  background: #292929;
+}
+.register-button {
+  border: 1px solid white;
+  background: white;
+  color: #111;
+}
+.register-button:hover {
+  background: #ddd;
+}
+/* =========================================================
+   ACCOUNT
+   ========================================================= */
+.account-dropdown {
+  position: relative;
+}
+.account-button {
+  height: 40px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 5px;
+  border: none;
+  background: transparent;
+  color: white;
+}
+.user-icon {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: #303030;
+  color: #aaa;
+  font-size: 10px;
+}
+.account-name {
+  max-width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  font-weight: 700;
+}
+.account-menu {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 15px);
+  width: 210px;
+  padding: 7px 0;
+  background: #1b1b1b;
+  border: 1px solid #303030;
+  border-radius: 8px;
+  box-shadow: 0 15px 40px rgba(0,0,0,.35);
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(-5px);
+  transition:
+          opacity .2s ease,
+          transform .2s ease,
+          visibility .2s ease;
+}
+.account-dropdown:hover .account-menu {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+.account-menu a,
+.logout-button {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  padding: 11px 16px;
+  border: none;
+  background: transparent;
+  color: #d0d0d0;
+  font-size: 13px;
+  text-align: left;
+}
+.account-menu a:hover,
+.logout-button:hover {
+  background: #292929;
+  color: white;
+}
+.menu-divider {
+  height: 1px;
+  margin: 6px 0;
+  background: #303030;
+}
+/* =========================================================
+   ANNOUNCEMENT
+   ========================================================= */
+.announcement-bar {
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  background: #e8e8e8;
+  color: #333;
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: 1.3px;
+}
+.announcement-separator {
+  opacity: .45;
+}
+/* =========================================================
+   MAIN
+   ========================================================= */
+.main-content {
+  flex: 1;
+  width: 100%;
+}
+/* =========================================================
+   GENERAL
+   ========================================================= */
+.page-eyebrow,
+.section-label {
+  display: block;
+  color: #777;
+  font-size: 10px;
+  font-weight: 900;
+  letter-spacing: 1.8px;
+  text-transform: uppercase;
+}
+.store-button {
+  min-height: 42px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 18px;
+  border: 1px solid #171717;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 800;
+  transition:
+          background .2s ease,
+          color .2s ease,
+          transform .2s ease;
+}
+.store-button:hover {
+  transform: translateY(-1px);
+}
+.store-button.primary {
+  background: #171717;
+  color: white;
+}
+.store-button.primary:hover {
+  background: #333;
+}
+.store-button.secondary {
+  background: white;
+  color: #171717;
+  border-color: #d4d4d4;
+}
+.store-button.secondary:hover {
+  background: #eee;
+}
+.store-button.small {
+  min-height: 36px;
+  padding: 0 14px;
+}
+.store-button.full {
+  width: 100%;
+}
+/* =========================================================
+   RELEASE INDEX
+   ========================================================= */
+.releases-page {
+  max-width: 1380px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+.releases-header {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  margin-bottom: 35px;
+}
+.releases-header h1 {
+  margin-top: 8px;
+  font-size: 44px;
+  font-weight: 900;
+  letter-spacing: -1.5px;
+}
+.releases-header p {
+  margin-top: 8px;
+  color: #777;
+  font-size: 15px;
+}
+.release-count {
+  color: #777;
+  font-size: 12px;
+  font-weight: 800;
+}
+/* =========================================================
+   FILTERS
+   ========================================================= */
+.release-filters {
+  display: grid;
+  grid-template-columns:
+fr
+fr
+fr
+fr
+fr
+        auto;
+  gap: 12px;
+  align-items: end;
+  padding: 18px;
+  margin-bottom: 35px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  box-shadow: 0 5px 20px rgba(0,0,0,.04);
+}
+.release-filters label {
+  display: block;
+  margin-bottom: 7px;
+  color: #666;
+  font-size: 9px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.release-filters input,
+.release-filters select {
+  width: 100%;
+  height: 44px;
+  padding: 0 13px;
+  border: 1px solid #d5d5d5;
+  border-radius: 6px;
+  outline: none;
+  background: white;
+  color: #171717;
+  font-size: 12px;
+}
+.release-filters input:focus,
+.release-filters select:focus {
+  border-color: #777;
+}
+.filter-button .store-button {
+  height: 44px;
+}
+.clear-filter {
+  grid-column: 1 / -1;
+}
+.clear-filter a {
+  color: #777;
+  font-size: 11px;
+  font-weight: 700;
+}
+.clear-filter a:hover {
+  color: #111;
+}
+/* =========================================================
+   RELEASE GRID
+   ========================================================= */
+.release-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(4, minmax(0, 1fr));
+  gap: 24px;
+}
+.release-card {
+  overflow: hidden;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  transition:
+          transform .25s ease,
+          box-shadow .25s ease;
+}
+.release-card:hover {
+  transform: translateY(-5px);
+  box-shadow:
+18px 40px rgba(0,0,0,.10);
+}
+.release-card-cover {
+  position: relative;
+  display: block;
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+  background: #ddd;
+}
+.release-card-cover img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+  transition: transform .4s ease;
+}
+.release-card:hover .release-card-cover img {
+  transform: scale(1.04);
+}
+.release-no-cover {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background:
+          linear-gradient(
+deg,
+                  #222,
+                  #555
+          );
+  color: white;
+}
+.release-no-cover span {
+  font-size: 55px;
+}
+.release-type-badge {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  padding: 6px 9px;
+  background: rgba(17,17,17,.9);
+  color: white;
+  border-radius: 4px;
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: 1px;
+}
+.release-card-body {
+  padding: 19px;
+}
+.release-card-meta {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  color: #888;
+  font-size: 9px;
+  font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: .8px;
+}
+.release-card h2 {
+  margin-bottom: 5px;
+  font-size: 20px;
+  font-weight: 800;
+  line-height: 1.2;
+}
+.release-card h2 a:hover {
+  text-decoration: underline;
+}
+.release-card-artist {
+  min-height: 20px;
+  color: #666;
+  font-size: 13px;
+}
+.format-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 14px;
+}
+.format-pill {
+  padding: 5px 8px;
+  background: #f0f0ee;
+  border-radius: 4px;
+  color: #555;
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: .6px;
+}
+.release-card-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-top: 18px;
+  padding-top: 15px;
+  border-top: 1px solid #eee;
+}
+.release-starting {
+  color: #888;
+  font-size: 10px;
+}
+.release-starting strong {
+  display: block;
+  margin-top: 2px;
+  color: #171717;
   font-size: 14px;
+}
+@media (min-width: 768px) {
+  html {
+    font-size: 16px;
+  }
+}
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
+}
+html {
+/* =========================================================
+   EMPTY STATES
+   ========================================================= */
+.empty-store,
+.no-sales-data {
+  padding: 80px 25px;
+  text-align: center;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+}
+.empty-store-icon {
+  margin-bottom: 15px;
+  color: #777;
+  font-size: 48px;
+}
+.empty-store h2,
+.no-sales-data h2 {
+  margin-bottom: 8px;
+  font-size: 25px;
+}
+.empty-store p,
+.no-sales-data p {
+  margin-bottom: 22px;
+  color: #777;
+}
+/* =========================================================
+   RELEASE DETAILS
+   ========================================================= */
+.release-details-page {
+  max-width: 1250px;
+  margin: 0 auto;
+  padding: 50px 30px 80px;
+}
+.release-hero {
+  display: grid;
+  grid-template-columns:
+        minmax(350px, 500px)
+fr;
+  gap: 55px;
+  align-items: start;
+}
+.release-hero-cover {
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+  border-radius: 8px;
+  background: #ddd;
+}
+.release-hero-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.release-hero-info h1 {
+  margin-top: 8px;
+  font-size: 55px;
+  line-height: .95;
+  letter-spacing: -2px;
+  font-weight: 900;
+}
+.release-artists-main {
+  margin: 22px 0 32px;
+  color: #555;
+  font-size: 19px;
+}
+.release-facts {
+  display: grid;
+  grid-template-columns:
+        repeat(3, 1fr);
+  gap: 15px;
+  padding: 20px 0;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+}
+.release-facts div {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+.release-facts span {
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.release-facts strong {
+  font-size: 13px;
+}
+.artist-section {
+  margin-top: 25px;
+}
+.release-artists {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+  margin-top: 10px;
+}
+.artist-tag {
+  padding: 7px 10px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  font-size: 12px;
+  font-weight: 700;
+}
+.artist-role {
+  color: #888;
+  font-size: 9px;
+  text-transform: uppercase;
+}
+/* =========================================================
+   RELEASE SECTIONS
+   ========================================================= */
+.release-section {
+  margin-top: 70px;
+}
+.section-heading {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  margin-bottom: 22px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ddd;
+}
+.section-heading h2 {
+  margin-top: 5px;
+  font-size: 28px;
+  font-weight: 900;
+}
+.track-count {
+  color: #888;
+  font-size: 12px;
+}
+/* =========================================================
+   PRODUCT CARDS
+   ========================================================= */
+.product-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(3, minmax(0, 1fr));
+  gap: 18px;
+}
+.store-product-card {
+  padding: 23px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+  transition:
+          transform .2s ease,
+          box-shadow .2s ease;
+}
+.store-product-card:hover {
+  transform: translateY(-3px);
+  box-shadow:
+12px 30px rgba(0,0,0,.08);
+}
+.product-card-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+.product-format {
+  font-size: 13px;
+  font-weight: 900;
+  letter-spacing: 1px;
+}
+.product-stock {
+  font-size: 10px;
+  font-weight: 800;
+}
+.product-stock.available {
+  color: #27804d;
+}
+.product-stock.unavailable {
+  color: #a33;
+}
+.product-price {
+  margin-bottom: 10px;
+  font-size: 28px;
+  font-weight: 900;
+}
+.product-description {
+  min-height: 48px;
+  color: #777;
+  font-size: 12px;
+  line-height: 1.6;
+}
+.product-actions {
+  display: grid;
+  grid-template-columns:
+fr 1fr;
+  gap: 8px;
+  margin-top: 20px;
+}
+/* =========================================================
+   TRACK LIST
+   ========================================================= */
+.track-list {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  overflow: hidden;
+  list-style: none;
+}
+.track-row {
+  min-height: 68px;
+  display: grid;
+  grid-template-columns:
+px 1fr auto;
+  align-items: center;
+  gap: 15px;
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+}
+.track-row:last-child {
+  border-bottom: none;
+}
+.track-number {
+  color: #999;
+  font-size: 12px;
+  font-weight: 800;
+}
+.track-main strong {
+  font-size: 13px;
+}
+.song-artists {
+  margin-top: 4px;
+  color: #888;
+  font-size: 11px;
+}
+.track-duration {
+  color: #777;
+  font-size: 12px;
+}
+/* =========================================================
+   SINGLE
+   ========================================================= */
+.single-info-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 25px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+}
+.single-info-card h2 {
+  margin-top: 5px;
+  font-size: 22px;
+}
+.single-duration {
+  text-align: right;
+}
+.single-duration span {
+  display: block;
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.single-duration strong {
+  display: block;
+  margin-top: 4px;
+  font-size: 20px;
+}
+/* =========================================================
+   CART
+   ========================================================= */
+.cart-page {
+  max-width: 1250px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+.cart-header {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  margin-bottom: 35px;
+}
+.cart-header h1 {
+  margin-top: 7px;
+  font-size: 44px;
+  font-weight: 900;
+  letter-spacing: -1.5px;
+}
+.cart-header p {
+  margin-top: 8px;
+  color: #777;
+  font-size: 14px;
+}
+.cart-layout {
+  display: grid;
+  grid-template-columns:
+fr 330px;
+  gap: 25px;
+  align-items: start;
+}
+.cart-items {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+  overflow: hidden;
+}
+.cart-items-header {
+  padding: 16px 20px;
+  background: #fafafa;
+  border-bottom: 1px solid #ddd;
+  color: #777;
+  font-size: 12px;
+  font-weight: 800;
+}
+.cart-item {
+  min-height: 130px;
+  display: grid;
+  grid-template-columns:
+px 1fr auto auto 30px;
+  align-items: center;
+  gap: 18px;
+  padding: 20px;
+  border-bottom: 1px solid #eee;
+}
+.cart-item:last-child {
+  border-bottom: none;
+}
+.cart-item-cover {
+  width: 90px;
+  height: 90px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background:
+          linear-gradient(
+deg,
+                  #222,
+                  #555
+          );
+  color: white;
+  border-radius: 5px;
+}
+.cart-item-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.cart-item-type {
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.cart-item-info h2 {
+  margin-top: 5px;
+  font-size: 17px;
+  font-weight: 800;
+}
+.cart-item-info h2 a:hover {
+  text-decoration: underline;
+}
+.cart-item-price {
+  margin-top: 6px;
+  color: #777;
+  font-size: 11px;
+}
+.cart-item-quantity form {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.cart-item-quantity input {
+  width: 58px;
+  height: 36px;
+  padding: 0 8px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  text-align: center;
+}
+.cart-item-quantity button {
+  height: 36px;
+  padding: 0 9px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  background: white;
+  color: #555;
+  font-size: 10px;
+  font-weight: 800;
+}
+.cart-item-quantity button:hover {
+  background: #eee;
+}
+.cart-item-total {
+  min-width: 80px;
+  text-align: right;
+  font-size: 15px;
+  font-weight: 900;
+}
+.cart-remove {
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: transparent;
+  color: #999;
+  font-size: 24px;
+}
+.cart-remove:hover {
+  color: #a33;
+}
+.cart-summary {
+  position: sticky;
+  top: 25px;
+  padding: 25px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+  box-shadow: 0 8px 25px rgba(0,0,0,.05);
+}
+.cart-summary h2 {
+  margin-top: 6px;
+  font-size: 23px;
+}
+.summary-line {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px 0;
+  color: #777;
+  font-size: 13px;
+  border-bottom: 1px solid #eee;
+}
+.summary-line.total {
+  margin-bottom: 20px;
+  color: #171717;
+  font-size: 17px;
+  font-weight: 900;
+}
+/* =========================================================
+   WISHLIST
+   ========================================================= */
+.wishlist-page {
+  max-width: 1250px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+.page-header {
+  margin-bottom: 35px;
+}
+.page-header h1 {
+  margin-top: 7px;
+  font-size: 44px;
+  font-weight: 900;
+  letter-spacing: -1.5px;
+}
+.page-header p {
+  margin-top: 8px;
+  color: #777;
+  font-size: 14px;
+}
+.wishlist-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(2, minmax(0, 1fr));
+  gap: 20px;
+}
+.wishlist-card {
+  display: grid;
+  grid-template-columns:
+px 1fr;
+  overflow: hidden;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+}
+.wishlist-cover {
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+  background: #ddd;
+}
+.wishlist-cover img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+  transition: transform .35s ease;
+}
+.wishlist-card:hover .wishlist-cover img {
+  transform: scale(1.04);
+}
+.wishlist-info {
+  padding: 22px;
+}
+.wishlist-format {
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.wishlist-info h2 {
+  margin-top: 7px;
+  font-size: 20px;
+  font-weight: 900;
+}
+.wishlist-info h2 a:hover {
+  text-decoration: underline;
+}
+.wishlist-genre {
+  margin-top: 6px;
+  color: #777;
+  font-size: 12px;
+}
+.wishlist-price {
+  margin-top: 18px;
+  font-size: 22px;
+  font-weight: 900;
+}
+.stock {
+  display: inline-block;
+  margin-top: 7px;
+  font-size: 10px;
+  font-weight: 800;
+}
+.stock.available {
+  color: #27804d;
+}
+.stock.unavailable {
+  color: #a33;
+}
+.wishlist-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 20px;
+}
+.btn-remove {
+  min-height: 42px;
+  padding: 0 17px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  background: white;
+  color: #777;
+  font-size: 12px;
+  font-weight: 800;
+}
+.btn-remove:hover {
+  border-color: #a33;
+  color: #a33;
+}
+/* =========================================================
+   SALE
+   ========================================================= */
+.sale-page {
+  max-width: 1380px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+.sale-header {
+  margin-bottom: 40px;
+}
+.sale-header h1 {
+  margin-top: 8px;
+  font-size: 48px;
+  font-weight: 900;
+  letter-spacing: -2px;
+}
+.sale-header p {
+  margin-top: 8px;
+  color: #777;
+}
+.sale-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(4, minmax(0, 1fr));
+  gap: 24px;
+}
+.sale-card {
+  overflow: hidden;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  transition:
+          transform .25s ease,
+          box-shadow .25s ease;
+}
+.sale-card:hover {
+  transform: translateY(-5px);
+  box-shadow:
+18px 40px rgba(0,0,0,.10);
+}
+.sale-card-cover {
   position: relative;
+  min-height: 100%;
+}
+body {
+  margin-bottom: 60px;
+}
+  display: block;
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+  background: #ddd;
+}
+.sale-card-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform .4s ease;
+}
+.sale-card:hover .sale-card-cover img {
+  transform: scale(1.04);
+}
+.sale-badge {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  padding: 7px 9px;
+  background: #171717;
+  color: white;
+  border-radius: 4px;
+  font-size: 10px;
+  font-weight: 900;
+}
+.sale-card-body {
+  padding: 20px;
+}
+.sale-card-body h2 {
+  margin-top: 7px;
+  font-size: 20px;
+  font-weight: 900;
+}
+.sale-card-body h2 a:hover {
+  text-decoration: underline;
+}
+.sale-price-row {
+  display: flex;
+  align-items: baseline;
+  gap: 9px;
+  margin-top: 18px;
+}
+.sale-old-price {
+  color: #999;
+  font-size: 13px;
+  text-decoration: line-through;
+}
+.sale-price {
+  font-size: 25px;
+  font-weight: 900;
+}
+.sale-actions {
+  display: grid;
+  gap: 8px;
+  margin-top: 20px;
+}
+/* =========================================================
+   TOP SELLERS
+   ========================================================= */
+.top-sellers-page {
+  max-width: 1380px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+.top-sellers-header {
+  margin-bottom: 40px;
+}
+.top-sellers-header h1 {
+  margin-top: 8px;
+  font-size: 48px;
+  font-weight: 900;
+  letter-spacing: -2px;
+}
+.top-sellers-header p {
+  margin-top: 8px;
+  color: #777;
+}
+/* =========================================================
+   HOME
+   ========================================================= */
+.home-page {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 35px 30px 80px;
+}
+.home-hero {
+  min-height: 540px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 75px;
+  overflow: hidden;
+  background: #111;
+  color: white;
+  border-radius: 16px;
+}
+.home-hero-content {
+  position: relative;
+  z-index: 2;
+  max-width: 680px;
+}
+.home-eyebrow {
+  color: #aaa;
+  font-size: 11px;
+  font-weight: 900;
+  letter-spacing: 3px;
+}
+.home-hero h1 {
+  margin-top: 16px;
+  font-size: clamp(48px, 6vw, 82px);
+  line-height: .93;
+  font-weight: 900;
+  letter-spacing: -4px;
+}
+.home-hero h1 span {
+  color: #777;
+}
+.home-hero p {
+  max-width: 540px;
+  margin-top: 25px;
+  color: #bbb;
+  font-size: 17px;
+  line-height: 1.7;
+}
+.home-hero-actions {
+  display: flex;
+  gap: 10px;
+  margin-top: 30px;
+}
+.home-button {
+  min-height: 46px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 21px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 900;
+}
+.home-button.primary {
+  background: white;
+  color: #111;
+}
+.home-button.primary:hover {
+  background: #ddd;
+}
+.home-button.secondary {
+  border: 1px solid #555;
+  color: white;
+}
+.home-button.secondary:hover {
+  background: #292929;
+}
+.home-hero-mark {
+  position: absolute;
+  right: 5%;
+  bottom: -60px;
+  color: #1e1e1e;
+  font-size: 420px;
+  font-weight: 900;
+  line-height: 1;
+}
+.home-section {
+  margin-top: 70px;
+}
+.home-section-header {
+  margin-bottom: 25px;
+}
+.home-section-header h2 {
+  margin-top: 7px;
+  font-size: 32px;
+  font-weight: 900;
+}
+.home-feature-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(3, 1fr);
+  gap: 18px;
+}
+.home-feature-card {
+  min-height: 220px;
+  padding: 27px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  transition:
+          transform .2s ease,
+          box-shadow .2s ease;
+}
+.home-feature-card:hover {
+  transform: translateY(-4px);
+  box-shadow:
+15px 35px rgba(0,0,0,.08);
+}
+.home-feature-card > span {
+  color: #999;
+  font-size: 10px;
+  font-weight: 900;
+}
+.home-feature-card h3 {
+  margin-top: 35px;
+  font-size: 23px;
+  font-weight: 900;
+}
+.home-feature-card p {
+  margin-top: 8px;
+  color: #777;
+  font-size: 13px;
+}
+.home-feature-card strong {
+  display: block;
+  margin-top: 25px;
+  font-size: 12px;
+}
+.home-feature-card.sale-feature {
+  background: #171717;
+  color: white;
+}
+.home-feature-card.sale-feature p {
+  color: #aaa;
+}
+.home-collection {
+  margin-top: 70px;
+  padding: 40px;
+  display: flex;
+  justify-content: space-between;
+  gap: 40px;
+  background: #e9e9e7;
+  border-radius: 10px;
+}
+.home-collection h2 {
+  margin-top: 7px;
+  font-size: 32px;
+  font-weight: 900;
+}
+.home-collection p {
+  max-width: 450px;
+  color: #666;
+  line-height: 1.7;
+}
+/* =========================================================
+   PROFILE
+   ========================================================= */
+.profile-page {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+.profile-header {
+  margin-bottom: 35px;
+}
+.profile-header h1 {
+  margin-top: 8px;
+  font-size: 44px;
+  font-weight: 900;
+  letter-spacing: -1.5px;
+}
+.profile-header p {
+  margin-top: 8px;
+  color: #777;
+}
+.profile-layout {
+  display: grid;
+  grid-template-columns:
+px 1fr;
+  gap: 25px;
+  align-items: start;
+}
+.profile-sidebar,
+.profile-card {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+}
+.profile-sidebar {
+  padding: 30px;
+  text-align: center;
+}
+.profile-avatar {
+  width: 80px;
+  height: 80px;
+  margin: 0 auto 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: #171717;
+  color: white;
+  font-size: 32px;
+  font-weight: 900;
+}
+.profile-sidebar h2 {
+  font-size: 21px;
+}
+.profile-sidebar > p {
+  margin-top: 5px;
+  color: #777;
+  font-size: 12px;
+  word-break: break-word;
+}
+.profile-member,
+.profile-points {
+  margin-top: 28px;
+  padding-top: 20px;
+  border-top: 1px solid #eee;
+}
+.profile-member span,
+.profile-points span {
+  display: block;
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: 1px;
+}
+.profile-member strong,
+.profile-points strong {
+  display: block;
+  margin-top: 6px;
+  font-size: 14px;
+}
+.profile-points strong {
+  font-size: 25px;
+}
+.profile-card {
+  padding: 30px;
+}
+.profile-card-header {
+  padding-bottom: 20px;
+  border-bottom: 1px solid #eee;
+}
+.profile-card-header h2 {
+  margin-top: 6px;
+  font-size: 24px;
+}
+.profile-form {
+  padding-top: 25px;
+}
+.profile-field {
+  margin-bottom: 20px;
+}
+.profile-field label {
+  display: block;
+  margin-bottom: 7px;
+  color: #555;
+  font-size: 10px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.profile-field input,
+.profile-field textarea {
+  width: 100%;
+  padding: 12px 13px;
+  border: 1px solid #d4d4d4;
+  border-radius: 6px;
+  outline: none;
+  background: white;
+  color: #171717;
+  font-size: 13px;
+}
+.profile-field textarea {
+  resize: vertical;
+}
+.profile-field input:focus,
+.profile-field textarea:focus {
+  border-color: #777;
+}
+.profile-field input[readonly] {
+  background: #f3f3f3;
+  color: #777;
+}
+.profile-field small {
+  display: block;
+  margin-top: 5px;
+  color: #999;
+  font-size: 10px;
+}
+.field-error,
+.validation-summary {
+  color: #a33;
+  font-size: 11px;
+}
+.profile-form-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 25px;
+}
+.profile-alert {
+  margin-bottom: 20px;
+  padding: 14px 16px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 700;
+}
+.profile-alert.success {
+  background: #e8f5ed;
+  color: #28734a;
+  border: 1px solid #c9e6d4;
+}
+/* =========================================================
+   FOOTER
+   ========================================================= */
+.site-footer {
+  margin-top: 80px;
+  background: #111;
+  color: #aaa;
+}
+.footer-container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 55px 30px;
+  display: grid;
+  grid-template-columns:
+fr 1fr 1fr 1fr;
+  gap: 50px;
+}
+.footer-logo {
+  color: white;
+  font-size: 20px;
+  font-weight: 900;
+  letter-spacing: 2px;
+}
+.footer-brand p {
+  max-width: 260px;
+  margin-top: 13px;
+  color: #777;
+  font-size: 13px;
+  line-height: 1.7;
+}
+.footer-column {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.footer-column h4 {
+  margin-bottom: 8px;
+  color: white;
+  font-size: 11px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 1.3px;
+}
+.footer-column a {
+  width: fit-content;
+  color: #777;
+  font-size: 12px;
+}
+.footer-column a:hover {
+  color: white;
+}
+.footer-bottom {
+  max-width: 1200px;
+  margin: auto;
+  padding: 18px 30px;
+  border-top: 1px solid #292929;
+  display: flex;
+  justify-content: space-between;
+  color: #666;
+  font-size: 10px;
+}
+/* =========================================================
+   RESPONSIVE
+   ========================================================= */
+.mobile-menu-button {
+  display: none;
+}
+@media (max-width: 1200px) {
+  .navbar-container {
+    gap: 20px;
+  }
+  .nav-links {
+    gap: 15px;
+  }
+  .icon-label {
+    display: none;
+  }
+  .release-grid,
+  .sale-grid {
+    grid-template-columns:
+            repeat(3, minmax(0, 1fr));
+  }
+  .release-filters {
+    grid-template-columns:
+fr 1fr 1fr 1fr;
+  }
+  .filter-search {
+    grid-column: 1 / -1;
+  }
+  .filter-button {
+    grid-column: 1 / -1;
+  }
+}
+@media (max-width: 1000px) {
+  .release-grid,
+  .sale-grid {
+    grid-template-columns:
+            repeat(2, minmax(0, 1fr));
+  }
+  .wishlist-grid {
+    grid-template-columns: 1fr;
+  }
+  .release-hero {
+    grid-template-columns:
+fr 1fr;
+    gap: 30px;
+  }
+  .product-grid {
+    grid-template-columns:
+            repeat(2, minmax(0, 1fr));
+  }
+  .cart-layout {
+    grid-template-columns: 1fr;
+  }
+  .cart-summary {
+    position: static;
+  }
+  .profile-layout {
+    grid-template-columns: 1fr;
+  }
+  .profile-sidebar {
+    text-align: left;
+  }
+  .profile-avatar {
+    margin-left: 0;
+  }
+  .home-feature-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media (max-width: 950px) {
+  .navbar-container {
+    height: 70px;
+  }
+  .mobile-menu-button {
+    display: block;
+    margin-left: auto;
+    width: 42px;
+    height: 42px;
+    border: 1px solid #444;
+    border-radius: 6px;
+    background: #222;
+    color: white;
+    font-size: 21px;
+  }
+  .navbar-content {
+    display: none;
+    position: absolute;
+    top: 70px;
+    left: 0;
+    right: 0;
+    padding: 20px 25px 25px;
+    background: #111;
+    border-top: 1px solid #292929;
+    flex-direction: column;
+    align-items: stretch;
+    gap: 20px;
+  }
+  .navbar-content.mobile-open {
+    display: flex;
+  }
+  .nav-links {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 0;
+  }
+  .nav-links li {
+    border-bottom: 1px solid #292929;
+  }
+  .nav-links a {
+    display: block;
+    padding: 13px 0;
+  }
+  .nav-links > li > a::after {
+    display: none;
+  }
+  .dropdown-menu {
+    position: static;
+    width: 100%;
+    display: none;
+    opacity: 1;
+    visibility: visible;
+    transform: none;
+    border: none;
+    box-shadow: none;
+    background: #181818;
+  }
+  .nav-dropdown:hover .dropdown-menu {
+    display: block;
+  }
+  .navbar-search {
+    width: 100%;
+    max-width: none;
+    margin: 0;
+  }
+  .navbar-actions {
+    width: 100%;
+    justify-content: flex-start;
+  }
+  .icon-label {
+    display: inline;
+  }
+  .auth-buttons {
+    margin-left: auto;
+  }
+}
+@media (max-width: 768px) {
+  .releases-page,
+  .release-details-page,
+  .cart-page,
+  .wishlist-page,
+  .sale-page,
+  .top-sellers-page,
+  .profile-page,
+  .home-page {
+    padding: 35px 18px 60px;
+  }
+  .releases-header,
+  .cart-header {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 18px;
+  }
+  .releases-header h1,
+  .cart-header h1,
+  .page-header h1,
+  .sale-header h1,
+  .top-sellers-header h1,
+  .profile-header h1 {
+    font-size: 36px;
+  }
+  .release-filters {
+    grid-template-columns: 1fr;
+  }
+  .filter-search,
+  .filter-button,
+  .clear-filter {
+    grid-column: auto;
+  }
+  .release-grid,
+  .sale-grid {
+    grid-template-columns: 1fr;
+  }
+  .release-hero {
+    grid-template-columns: 1fr;
+    gap: 30px;
+  }
+  .release-hero-cover {
+    max-width: 550px;
+    margin: 0 auto;
+  }
+  .release-hero-info h1 {
+    font-size: 43px;
+  }
+  .release-facts {
+    grid-template-columns:
+fr 1fr;
+  }
+  .product-grid {
+    grid-template-columns: 1fr;
+  }
+  .product-actions {
+    grid-template-columns: 1fr;
+  }
+  .track-row {
+    grid-template-columns:
+px 1fr;
+    padding: 14px;
+  }
+  .track-duration {
+    grid-column: 2;
+  }
+  .cart-item {
+    grid-template-columns:
+px 1fr 30px;
+    gap: 12px;
+  }
+  .cart-item-cover {
+    width: 70px;
+    height: 70px;
+  }
+  .cart-item-quantity,
+  .cart-item-total {
+    grid-column: 2;
+  }
+  .cart-item-total {
+    text-align: left;
+  }
+  .cart-remove {
+    grid-column: 3;
+    grid-row: 1;
+  }
+  .wishlist-grid {
+    grid-template-columns: 1fr;
+  }
+  .wishlist-card {
+    grid-template-columns:
+px 1fr;
+  }
+  .home-hero {
+    min-height: 500px;
+    padding: 45px 30px;
+  }
+  .home-hero-mark {
+    font-size: 250px;
+  }
+  .home-feature-grid {
+    grid-template-columns: 1fr;
+  }
+  .home-collection {
+    flex-direction: column;
+  }
+  .profile-sidebar {
+    text-align: center;
+  }
+  .profile-avatar {
+    margin-left: auto;
+  }
+  .footer-container {
+    grid-template-columns:
+fr 1fr;
+    gap: 35px;
+    padding: 40px 25px;
+  }
+  .footer-brand {
+    grid-column: 1 / -1;
+  }
+  .footer-bottom {
+    padding: 18px 25px;
+    flex-direction: column;
+    gap: 5px;
+  }
+}
+@media (max-width: 500px) {
+  .wishlist-card {
+    grid-template-columns: 1fr;
+  }
+  .wishlist-cover {
+    max-height: 300px;
+  }
+  .wishlist-actions {
+    flex-direction: column;
+  }
+  .wishlist-actions .store-button,
+  .wishlist-actions .btn-remove {
+    width: 100%;
+  }
+  .home-hero {
+    padding: 35px 22px;
+  }
+  .home-hero h1 {
+    font-size: 45px;
+  }
+  .home-hero-actions {
+    flex-direction: column;
+  }
+  .home-button {
+    width: 100%;
+  }
+  .profile-card {
+    padding: 20px;
+  }
+  .profile-form-actions {
+    flex-direction: column;
+  }
+  .profile-form-actions .store-button {
+    width: 100%;
+  }
+}
+/* =========================================================
+ ADMIN
+ ========================================================= */
+.admin-page {
+  max-width: 1250px;
+  margin: 0 auto;
+  padding: 55px 30px 80px;
+}
+/* =========================================================
+   ADMIN HEADER
+   ========================================================= */
+.admin-header {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 30px;
+  margin-bottom: 35px;
+}
+.admin-eyebrow {
+  display: block;
+  margin-bottom: 7px;
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: 1.7px;
+  text-transform: uppercase;
+}
+.admin-header h1 {
+  font-size: 44px;
+  font-weight: 900;
+  letter-spacing: -1.5px;
+}
+.admin-header p {
+  margin-top: 8px;
+  color: #777;
+  font-size: 14px;
+}
+.admin-back-link {
+  display: block;
+  margin-bottom: 22px;
+  color: #777;
+  font-size: 12px;
+  font-weight: 700;
+}
+.admin-back-link:hover {
+  color: #111;
+}
+/* =========================================================
+   ADMIN BUTTONS
+   ========================================================= */
+.admin-button {
+  min-height: 41px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  padding: 0 17px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 800;
+  transition:
+          background .2s ease,
+          border-color .2s ease,
+          color .2s ease,
+          transform .2s ease;
+}
+.admin-button:hover {
+  transform: translateY(-1px);
+}
+.admin-button.primary {
+  border: 1px solid #171717;
+  background: #171717;
+  color: white;
+}
+.admin-button.primary:hover {
+  background: #333;
+}
+.admin-button.secondary {
+  border: 1px solid #d4d4d4;
+  background: white;
+  color: #333;
+}
+.admin-button.secondary:hover {
+  background: #eee;
+}
+.admin-button.small {
+  min-height: 34px;
+  padding: 0 13px;
+  font-size: 10px;
+}
+/* =========================================================
+   ALERT
+   ========================================================= */
+.admin-alert {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  margin-bottom: 25px;
+  padding: 14px 17px;
+  border-radius: 7px;
+  font-size: 12px;
+  font-weight: 700;
+}
+.admin-alert.success {
+  border: 1px solid #c9e6d3;
+  background: #ecf8f0;
+  color: #287348;
+}
+/* =========================================================
+   DASHBOARD STATS
+   ========================================================= */
+.admin-stat-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(4, minmax(0, 1fr));
+  gap: 16px;
+  margin-bottom: 55px;
+}
+.admin-stat-card {
+  min-height: 150px;
+  padding: 22px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+}
+.admin-stat-label {
+  display: block;
+  color: #888;
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: 1.2px;
+}
+.admin-stat-card > strong {
+  display: block;
+  margin-top: 13px;
+  font-size: 34px;
+  font-weight: 900;
+}
+.admin-stat-card p {
+  margin-top: 7px;
+  color: #888;
+  font-size: 11px;
+  line-height: 1.5;
+}
+.admin-stat-card.warning {
+  border-top: 3px solid #c88a27;
+}
+.admin-stat-card.danger {
+  border-top: 3px solid #ad4545;
+}
+/* =========================================================
+   DASHBOARD ACTIONS
+   ========================================================= */
+.admin-section {
+  margin-top: 20px;
+}
+.admin-section-heading {
+  margin-bottom: 20px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ddd;
+}
+.admin-section-heading h2 {
+  margin-top: 5px;
+  font-size: 27px;
+  font-weight: 900;
+}
+.admin-action-grid {
+  display: grid;
+  grid-template-columns:
+        repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+.admin-action-card {
+  min-height: 170px;
+  display: grid;
+  grid-template-columns:
+px 1fr 25px;
+  align-items: center;
+  gap: 18px;
+  padding: 25px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+  transition:
+          transform .2s ease,
+          box-shadow .2s ease;
+}
+.admin-action-card:hover {
+  transform: translateY(-3px);
+  box-shadow:
+12px 30px rgba(0,0,0,.07);
+}
+.admin-action-icon {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 7px;
+  background: #171717;
+  color: white;
+  font-size: 21px;
+}
+.admin-action-card h3 {
+  font-size: 18px;
+  font-weight: 900;
+}
+.admin-action-card p {
+  margin-top: 6px;
+  color: #777;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.admin-action-arrow {
+  color: #999;
+  font-size: 18px;
+}
+/* =========================================================
+   PRODUCT TABLE
+   ========================================================= */
+.admin-list-summary {
+  display: flex;
+  gap: 20px;
+  margin-bottom: 13px;
+  color: #777;
+  font-size: 11px;
+  font-weight: 700;
+}
+.admin-table-wrapper {
+  overflow-x: auto;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+}
+.admin-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.admin-table th {
+  padding: 14px 18px;
+  background: #fafafa;
+  border-bottom: 1px solid #ddd;
+  color: #777;
+  font-size: 9px;
+  font-weight: 900;
+  text-align: left;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+.admin-table td {
+  padding: 14px 18px;
+  border-bottom: 1px solid #eee;
+  font-size: 12px;
+  vertical-align: middle;
+}
+.admin-table tbody tr:last-child td {
+  border-bottom: none;
+}
+.admin-table tbody tr:hover {
+  background: #fcfcfc;
+}
+.admin-product-release {
+  display: flex;
+  align-items: center;
+  gap: 13px;
+}
+.admin-product-cover {
+  width: 48px;
+  height: 48px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 4px;
+  background: #eee;
+}
+.admin-product-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.admin-product-release strong {
+  display: block;
+  font-size: 12px;
+}
+.admin-product-release small {
+  display: block;
+  margin-top: 3px;
+  color: #999;
+  font-size: 9px;
+}
+.admin-format-badge {
+  display: inline-flex;
+  padding: 5px 8px;
+  border-radius: 4px;
+  background: #eee;
+  color: #555;
+  font-size: 9px;
+  font-weight: 900;
+}
+.admin-price {
+  font-weight: 800;
+}
+.admin-stock {
+  display: inline-flex;
+  padding: 5px 8px;
+  border-radius: 20px;
+  font-size: 9px;
+  font-weight: 800;
+}
+.admin-stock.success {
+  background: #e7f5ec;
+  color: #287148;
+}
+.admin-stock.warning {
+  background: #fbf1df;
+  color: #976317;
+}
+.admin-stock.danger {
+  background: #fae8e8;
+  color: #983b3b;
+}
+.admin-table-action {
+  text-align: right;
+}
+/* =========================================================
+   FORMS
+   ========================================================= */
+.admin-form-layout {
+  display: grid;
+  grid-template-columns:
+        minmax(0, 1fr)
+px;
+  gap: 22px;
+  align-items: start;
+}
+.admin-form-card,
+.admin-help-card,
+.admin-product-summary {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 9px;
+}
+.admin-form-card {
+  padding: 30px;
+}
+.admin-form-card-header {
+  margin-bottom: 27px;
+  padding-bottom: 19px;
+  border-bottom: 1px solid #eee;
+}
+.admin-form-card-header h2 {
+  margin-top: 5px;
+  font-size: 23px;
+  font-weight: 900;
+}
+.admin-form-row {
+  display: grid;
+  grid-template-columns:
+fr 1fr;
+  gap: 16px;
+}
+.admin-form-field {
+  margin-bottom: 20px;
+}
+.admin-form-field label {
+  display: block;
+  margin-bottom: 7px;
+  color: #555;
+  font-size: 10px;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: .8px;
+}
+.admin-form-field input,
+.admin-form-field select,
+.admin-form-field textarea {
+  width: 100%;
+  padding: 11px 12px;
+  border: 1px solid #d4d4d4;
+  border-radius: 6px;
+  outline: none;
+  background: white;
+  color: #171717;
+  font-size: 12px;
+}
+.admin-form-field select,
+.admin-form-field input {
+  min-height: 42px;
+}
+.admin-form-field textarea {
+  resize: vertical;
+  line-height: 1.6;
+}
+.admin-form-field input:focus,
+.admin-form-field select:focus,
+.admin-form-field textarea:focus {
+  border-color: #777;
+}
+.admin-form-field small {
+  display: block;
+  margin-top: 6px;
+  color: #999;
+  font-size: 10px;
+  line-height: 1.5;
+}
+.admin-input-prefix,
+.admin-input-suffix {
+  display: flex;
+  overflow: hidden;
+  border: 1px solid #d4d4d4;
+  border-radius: 6px;
+}
+.admin-input-prefix:focus-within,
+.admin-input-suffix:focus-within {
+  border-color: #777;
+}
+.admin-input-prefix > span,
+.admin-input-suffix > span {
+  min-width: 42px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f5f5f5;
+  color: #777;
+  font-size: 12px;
+  font-weight: 800;
+}
+.admin-input-prefix input,
+.admin-input-suffix input {
+  border: none;
+  border-radius: 0;
+}
+.admin-field-error,
+.admin-validation {
+  display: block;
+  margin-top: 5px;
+  color: #a33;
+  font-size: 10px;
+}
+.admin-validation {
+  margin-bottom: 18px;
+}
+.admin-form-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 28px;
+  padding-top: 22px;
+  border-top: 1px solid #eee;
+}
+/* =========================================================
+   HELP CARD
+   ========================================================= */
+.admin-help-card {
+  padding: 25px;
+}
+.admin-help-card h3 {
+  margin-top: 6px;
+  margin-bottom: 22px;
+  font-size: 18px;
+}
+.admin-help-item {
+  display: grid;
+  grid-template-columns:
+px 1fr;
+  gap: 11px;
+  padding: 15px 0;
+  border-top: 1px solid #eee;
+}
+.admin-help-item strong {
+  color: #999;
+  font-size: 10px;
+}
+.admin-help-item p {
+  color: #777;
+  font-size: 11px;
+  line-height: 1.6;
+}
+/* =========================================================
+   EDIT PRODUCT
+   ========================================================= */
+.admin-product-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 30px;
+  padding: 24px;
+  margin-bottom: 20px;
+}
+.admin-product-summary h2 {
+  margin-top: 5px;
+  font-size: 23px;
+}
+.admin-product-summary-meta {
+  display: flex;
+  gap: 35px;
+}
+.admin-product-summary-meta div {
+  text-align: right;
+}
+.admin-product-summary-meta span {
+  display: block;
+  color: #999;
+  font-size: 8px;
+  font-weight: 900;
+  letter-spacing: 1px;
+}
+.admin-product-summary-meta strong {
+  display: block;
+  margin-top: 5px;
+  font-size: 13px;
+}
+.admin-edit-card {
+  max-width: 900px;
+}
+.admin-modification-options {
+  display: grid;
+  grid-template-columns:
+fr 1fr;
+  gap: 10px;
+}
+.admin-modification-option {
+  display: flex !important;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 15px;
+  border: 1px solid #ddd;
+  border-radius: 7px;
+  cursor: pointer;
+  text-transform: none !important;
+  letter-spacing: normal !important;
+}
+.admin-modification-option:hover {
+  border-color: #999;
+}
+.admin-modification-option input {
+  width: auto;
+  min-height: 0;
+  margin-top: 3px;
+}
+.admin-modification-option strong {
+  display: block;
+  color: #222;
+  font-size: 12px;
+}
+.admin-modification-option small {
+  margin-top: 4px;
+  color: #888;
+  font-size: 10px;
+}
+.admin-edit-section {
+  margin-top: 28px;
+  padding-top: 25px;
+  border-top: 1px solid #eee;
+}
+.admin-edit-section-heading {
+  margin-bottom: 22px;
+}
+.admin-edit-section-heading h3 {
+  margin-top: 5px;
+  font-size: 19px;
+}
+.admin-edit-section-heading p {
+  margin-top: 5px;
+  color: #777;
+  font-size: 11px;
+}
+.admin-discount-preview {
+  display: grid;
+  grid-template-columns:
+fr 1fr;
+  gap: 8px 20px;
+  padding: 18px;
+  background: #f7f7f7;
+  border-radius: 7px;
+}
+.admin-discount-preview span {
+  color: #888;
+  font-size: 8px;
+  font-weight: 900;
+  letter-spacing: 1px;
+}
+.admin-discount-preview strong {
+  font-size: 18px;
+}
+/* =========================================================
+   ADMIN RESPONSIVE
+   ========================================================= */
+@media (max-width: 1000px) {
+  .admin-stat-grid {
+    grid-template-columns:
+            repeat(2, 1fr);
+  }
+  .admin-form-layout {
+    grid-template-columns: 1fr;
+  }
+  .admin-help-card {
+    order: -1;
+  }
+}
+@media (max-width: 750px) {
+  .admin-page {
+    padding: 35px 18px 60px;
+  }
+  .admin-header {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .admin-header h1 {
+    font-size: 35px;
+  }
+  .admin-stat-grid,
+  .admin-action-grid {
+    grid-template-columns: 1fr;
+  }
+  .admin-form-row,
+  .admin-modification-options {
+    grid-template-columns: 1fr;
+  }
+  .admin-product-summary {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .admin-product-summary-meta {
+    width: 100%;
+    justify-content: space-between;
+  }
+  .admin-product-summary-meta div {
+    text-align: left;
+  }
+}
+@media (max-width: 500px) {
+  .admin-stat-grid {
+    grid-template-columns: 1fr;
+  }
+  .admin-form-card {
+    padding: 20px;
+  }
+  .admin-form-actions {
+    flex-direction: column;
+  }
+  .admin-form-actions .admin-button {
+    width: 100%;
+  }
+}
+/* =========================================================
+   ADMIN RELEASE CREATOR
+   ========================================================= */
+.release-create-section {
+  margin-bottom: 20px;
+}
+.admin-section-description {
+  margin-top: 7px;
+  color: #888;
+  font-size: 11px;
+  line-height: 1.6;
+}
+/* =========================================================
+   MULTI SELECT
+   ========================================================= */
+.admin-multi-select {
+  min-height: 130px !important;
+  padding: 7px !important;
+}
+.admin-multi-select option {
+  padding: 8px 9px;
+  border-radius: 4px;
+}
+/* =========================================================
+   COVER PREVIEW
+   ========================================================= */
+.admin-cover-preview {
+  margin-top: 25px;
+  padding-top: 22px;
+  border-top: 1px solid #eee;
+}
+.admin-cover-preview-image {
+  width: 150px;
+  height: 150px;
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background:
+          linear-gradient(
+deg,
+                  #222,
+                  #555
+          );
+  color: white;
+  border-radius: 7px;
+  font-size: 35px;
+}
+.admin-cover-preview-image img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+}
+/* =========================================================
+   TRACK HEADER
+   ========================================================= */
+.track-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 25px;
+}
+/* =========================================================
+   TRACK CARDS
+   ========================================================= */
+.admin-track-card {
+  position: relative;
+  display: grid;
+  grid-template-columns:
+px
+        minmax(0, 1fr)
+px;
+  gap: 15px;
+  margin-bottom: 12px;
+  padding: 20px;
+  background: #fafafa;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+}
+.admin-track-number {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #171717;
+  color: white;
+  border-radius: 50%;
+  font-size: 11px;
+  font-weight: 900;
+}
+.admin-track-content {
+  min-width: 0;
+}
+.admin-track-remove {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  background: white;
+  color: #888;
+  font-size: 20px;
+}
+.admin-track-remove:hover {
+  border-color: #a44;
+  background: #fff5f5;
+  color: #a44;
+}
+/* =========================================================
+   RELEASE SUBMIT
+   ========================================================= */
+.admin-release-submit {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 25px;
+  margin-top: 30px;
+  padding: 25px 30px;
+  background: #171717;
+  color: white;
+  border-radius: 9px;
+}
+.admin-release-submit p {
+  margin-top: 5px;
+  color: #aaa;
+  font-size: 11px;
+}
+.admin-release-submit .admin-eyebrow {
+  color: #888;
+}
+.admin-release-submit .release-actions {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.admin-release-submit .admin-button.primary {
+  border-color: white;
+  background: white;
+  color: #171717;
+}
+.admin-release-submit .admin-button.primary:hover {
+  background: #ddd;
+}
+.admin-release-submit .admin-button.secondary {
+  border-color: #444;
+  background: transparent;
+  color: white;
+}
+.admin-release-submit .admin-button.secondary:hover {
+  background: #292929;
+}
+/* =========================================================
+   RELEASE CREATOR RESPONSIVE
+   ========================================================= */
+@media (max-width: 750px) {
+  .track-header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .admin-track-card {
+    grid-template-columns:
+px
+fr;
+  }
+  .admin-track-remove {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+  }
+  .admin-release-submit {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .admin-release-submit .release-actions {
+    width: 100%;
+  }
+}

Note: See TracChangeset for help on using the changeset viewer.

Context Navigation

Changeset fa0fbaf

Legend:

Download in other formats: