initial commit

Features/Account/AccessDenied/AccessDeniedPage.razor

@@ -0,0 +1,63 @@
+@page "/account/access-denied"
+@using Indotalent.Features.Root
+@using MudBlazor
+@layout MainLayout
+
+<PageTitle>Access Denied - Insufficient Permissions</PageTitle>
+
+<MudContainer MaxWidth="MaxWidth.Medium" Class="d-flex align-center justify-center" Style="height: calc(100vh - 64px);">
+
+    <div class="text-center">
+
+        <MudIcon Icon="@Icons.Material.Filled.GppBad"
+                 Size="Size.Large"
+                 Color="Color.Error"
+                 Class="mb-6"
+                 Style="font-size: 120px;" />
+
+        <MudText Typo="Typo.h3" Class="mb-4" Style="font-weight: 800; color: #1a1a1a;">Access Denied</MudText>
+
+        <MudText Typo="Typo.body1" Class="mb-6" Style="color: #64748b;">
+            Sorry, you do not have the required permissions to access this module.<br />
+            This area is restricted to authorized administrative personnel only.
+        </MudText>
+
+        <MudPaper Elevation="1" Class="pa-4 mb-8 d-inline-block" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+            <MudText Typo="Typo.subtitle2" Class="mb-1">
+                <strong>Error Code:</strong> <code>AGS_AUTH_INSUFFICIENT_PERMISSIONS</code>
+            </MudText>
+            <MudText Typo="Typo.caption" Style="color: #94a3b8; font-family: 'Consolas', monospace;">
+                Verification failed for the current security context.
+            </MudText>
+        </MudPaper>
+
+        <div class="d-flex align-center justify-center gap-4">
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       Size="Size.Large"
+                       OnClick="GoHome"
+                       StartIcon="@Icons.Material.Filled.Home"
+                       Style="border-radius: 0px; font-weight: 700;">
+                Back to Home
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Default"
+                       Size="Size.Large"
+                       OnClick="Logout"
+                       StartIcon="@Icons.Material.Filled.Logout"
+                       Style="border-radius: 0px; font-weight: 700; border: 2px solid #e2e8f0;">
+                Logout & Switch Account
+            </MudButton>
+        </div>
+
+    </div>
+
+</MudContainer>
+
+@code {
+    [Inject] private NavigationManager Nav { get; set; } = default!;
+
+    private void GoHome() => Nav.NavigateTo("/");
+    private void Logout() => Nav.NavigateTo("/account/logout");
+}

Features/Account/AccessDenied/RedirectToAccessDenied.razor

@@ -0,0 +1,19 @@
+@inject NavigationManager Navigation
+@using Microsoft.AspNetCore.Authorization
+@using Microsoft.AspNetCore.Components.Authorization
+@attribute [AllowAnonymous]
+
+<AuthorizeView>
+    <NotAuthorized>
+        @{
+            var returnUrl = Navigation.ToBaseRelativePath(Navigation.Uri);
+            Navigation.NavigateTo($"/account/login?returnUrl={Uri.EscapeDataString(returnUrl)}", forceLoad: false);
+        }
+    </NotAuthorized>
+    <Authorized>
+        @{
+            Navigation.NavigateTo("/account/access-denied");
+        }
+    </Authorized>
+</AuthorizeView>
+

Features/Account/AccountEndPoint.cs

@@ -0,0 +1,286 @@
+using Indotalent.ConfigFrontEnd.Service;
+using Indotalent.Data.Entities;
+using Indotalent.Features.Account.ForgotPassword.Cqrs;
+using Indotalent.Features.Account.Login.Cqrs;
+using Indotalent.Features.Account.Register.Cqrs;
+using Indotalent.Features.Account.ResetPassword.Cqrs;
+using Indotalent.Features.Account.TenantSelection.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using MediatR;
+using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.Extensions.Options;
+using System.Security.Claims;
+
+namespace Indotalent.Features.Account;
+
+public static class AccountEndPoint
+{
+    public static IEndpointConventionBuilder MapAccountEndpoints(this IEndpointRouteBuilder endpoints)
+    {
+        var group = endpoints.MapGroup("/account").WithTags("Account");
+
+        group.MapPost("/signin-sso", async ([FromQuery] string email, UserManager<ApplicationUser> userManager, SignInManager<ApplicationUser> signInManager, IOptions<JwtSettingsModel> jwtOptions, HttpContext context) =>
+        {
+            if (string.IsNullOrWhiteSpace(email)) return Results.Json(new { status = 401, title = "Email is required" }, statusCode: 401);
+
+            var user = await userManager.FindByEmailAsync(email);
+
+            if (user == null || !user.IsActive)
+            {
+                return Results.Json(new { status = 401, title = "Account not found or inactive" }, statusCode: 401);
+            }
+
+            var jwtSettings = jwtOptions.Value;
+            var token = JwtService.GenerateNewJwt(user, jwtSettings);
+            var refreshToken = Guid.NewGuid().ToString().Replace("-", "");
+
+            user.RefreshToken = refreshToken;
+            user.LastLoginAt = DateTime.Now;
+            await userManager.UpdateAsync(user);
+
+            await signInManager.SignInAsync(user, isPersistent: true);
+
+            context.Response.Cookies.Append("X-Auth-Token", token, new CookieOptions
+            {
+                HttpOnly = true,
+                Secure = true,
+                SameSite = SameSiteMode.Strict,
+                Expires = DateTimeOffset.UtcNow.AddDays(1)
+            });
+
+            context.Response.Cookies.Append("X-Refresh-Token", refreshToken, new CookieOptions
+            {
+                HttpOnly = true,
+                Secure = true,
+                SameSite = SameSiteMode.Strict,
+                Expires = DateTimeOffset.UtcNow.AddDays(7)
+            });
+
+            return Results.Ok(new { status = 200, title = "SSO Login successful" });
+        });
+
+        group.MapGet("/active-user-exists", async ([FromQuery] string email, UserManager<ApplicationUser> userManager) =>
+        {
+            if (string.IsNullOrWhiteSpace(email))
+            {
+                return Results.Ok(new { exists = false, isActive = false });
+            }
+
+            var user = await userManager.FindByEmailAsync(email);
+
+            if (user == null)
+            {
+                return Results.Ok(new { exists = false, isActive = false });
+            }
+
+            return Results.Ok(new { exists = true, isActive = user.IsActive });
+        });
+
+        group.MapPost("/signin", async ([FromBody] LoginRequest request, IMediator mediator, HttpContext context, UserManager<ApplicationUser> userManager) =>
+        {
+            var command = new LoginCommand(request);
+            var response = await mediator.Send(command);
+
+            if (response.Succeeded)
+            {
+                var user = await userManager.FindByEmailAsync(request.Email);
+
+                if (user != null)
+                {
+                    context.Response.Cookies.Append("X-Auth-Token", response.Token!, new CookieOptions
+                    {
+                        HttpOnly = true,
+                        Secure = true,
+                        SameSite = SameSiteMode.Strict,
+                        Expires = DateTimeOffset.UtcNow.AddDays(1)
+                    });
+
+                    context.Response.Cookies.Append("X-Refresh-Token", user.RefreshToken!, new CookieOptions
+                    {
+                        HttpOnly = true,
+                        Secure = true,
+                        SameSite = SameSiteMode.Strict,
+                        Expires = DateTimeOffset.UtcNow.AddDays(7)
+                    });
+                }
+
+                return Results.Ok(new { status = 200, title = response.Message });
+            }
+            return Results.Json(new { status = 401, title = response.Message }, statusCode: 401);
+        });
+
+
+
+        group.MapPost("/refresh-token", async (HttpContext context) =>
+        {
+            var userManager = context.RequestServices.GetRequiredService<UserManager<ApplicationUser>>();
+            var jwtSettings = context.RequestServices.GetRequiredService<IOptions<JwtSettingsModel>>().Value;
+
+            var refreshToken = context.Request.Headers["X-Refresh-Token"].ToString();
+
+            if (string.IsNullOrEmpty(refreshToken)) return Results.Unauthorized();
+
+            var user = await userManager.Users.FirstOrDefaultAsync(u => u.RefreshToken == refreshToken);
+
+            if (user == null || !user.IsActive) return Results.Unauthorized();
+
+            var newToken = JwtService.GenerateNewJwt(user, jwtSettings);
+
+            context.Response.Cookies.Append("X-Auth-Token", newToken, new CookieOptions
+            {
+                HttpOnly = true,
+                Secure = true,
+                SameSite = SameSiteMode.Strict,
+                Expires = DateTimeOffset.UtcNow.AddDays(1)
+            });
+
+            return Results.Ok(new LoginResponse { Succeeded = true, Token = newToken });
+        });
+
+        group.MapPost("/signup", async ([FromBody] CreateUserRequest request, IMediator mediator) =>
+        {
+            try
+            {
+                var command = new CreateUserCommand(request);
+                var response = await mediator.Send(command);
+                return Results.Ok(response);
+            }
+            catch (Exception ex)
+            {
+                return Results.BadRequest(new { errors = new[] { ex.Message } });
+            }
+        });
+
+        group.MapPost("/signout", async (
+            SignInManager<ApplicationUser> signInManager,
+            UserManager<ApplicationUser> userManager,
+            HttpContext context) =>
+        {
+            var userId = context.User.FindFirstValue(ClaimTypes.NameIdentifier);
+
+            if (!string.IsNullOrEmpty(userId))
+            {
+                var user = await userManager.FindByIdAsync(userId);
+                if (user != null)
+                {
+                    user.RefreshToken = null;
+                    await userManager.UpdateAsync(user);
+                }
+            }
+
+            await signInManager.SignOutAsync();
+
+            context.Response.Cookies.Delete("X-Auth-Token");
+            context.Response.Cookies.Delete("X-Refresh-Token");
+
+            return Results.Ok(new { status = 200, title = "Successfully signed out" });
+
+        });
+
+        group.MapPost("/forgot-password", async ([FromBody] ForgotPasswordRequest request, IMediator mediator) =>
+        {
+            try
+            {
+                var command = new ForgotPasswordCommand(request);
+                var response = await mediator.Send(command);
+                return Results.Ok(response);
+            }
+            catch (Exception ex)
+            {
+                return Results.BadRequest(new { errors = new[] { ex.Message } });
+            }
+        });
+
+        group.MapPost("/logout", async (SignInManager<ApplicationUser> signInManager) =>
+        {
+            await signInManager.SignOutAsync();
+            return Results.Ok(new { title = "Success user logout" });
+        }).RequireAuthorization();
+
+        group.MapPost("/reset-password", async ([FromBody] ResetPasswordRequest request, IMediator mediator) =>
+        {
+            try
+            {
+                var command = new ResetPasswordCommand(request);
+                var response = await mediator.Send(command);
+                return Results.Ok(response);
+            }
+            catch (Exception ex)
+            {
+                return Results.BadRequest(new { errors = new[] { ex.Message } });
+            }
+        });
+
+        group.MapGet("/my-tenants", async (IMediator mediator, HttpContext context) =>
+        {
+            var userId = context.User.FindFirstValue(ClaimTypes.NameIdentifier);
+            if (string.IsNullOrEmpty(userId)) return Results.Unauthorized();
+
+            var query = new GetTenantsQuery(userId);
+            var response = await mediator.Send(query);
+            return Results.Ok(response);
+        }).RequireAuthorization();
+
+        group.MapPost("/confirm-tenant", async (
+            [FromBody] ConfirmTenantRequest request,
+            IMediator mediator,
+            HttpContext context,
+            SignInManager<ApplicationUser> signInManager,
+            UserManager<ApplicationUser> userManager) =>
+        {
+            var userId = context.User.FindFirstValue(ClaimTypes.NameIdentifier);
+            if (string.IsNullOrEmpty(userId)) return Results.Unauthorized();
+
+            var command = new ConfirmTenantCommand(userId, request);
+            var response = await mediator.Send(command);
+
+            if (!response.Success)
+            {
+                return Results.Json(new { success = false, title = response.Message }, statusCode: 400);
+            }
+
+            var user = await userManager.FindByIdAsync(userId);
+            if (user == null) return Results.Unauthorized();
+
+            var principal = await signInManager.CreateUserPrincipalAsync(user);
+            var identity = (ClaimsIdentity?)principal.Identity;
+
+            if (identity != null)
+            {
+                identity.AddClaim(new Claim(ClaimTypes.GroupSid, request.TenantId));
+                var jwtClaims = new List<Claim>
+                {
+                    new Claim(ClaimTypes.NameIdentifier, user.Id ?? string.Empty),
+                    new Claim(ClaimTypes.Name, user.UserName ?? string.Empty),
+                    new Claim(ClaimTypes.Email, user.Email ?? string.Empty),
+                    new Claim(ClaimTypes.GivenName, user.FullName ?? string.Empty),
+                    new Claim(ClaimTypes.GroupSid, request.TenantId)  
+                };
+
+                var jwtSettings = context.RequestServices.GetRequiredService<IOptions<JwtSettingsModel>>().Value;
+                var newToken = JwtService.GenerateNewJwtWithClaims(user, jwtClaims, jwtSettings);
+                var newRefreshToken = Guid.NewGuid().ToString().Replace("-", "");
+
+                user.RefreshToken = newRefreshToken;
+                await userManager.UpdateAsync(user);
+
+                context.Response.Cookies.Append("X-Auth-Token", newToken, new CookieOptions
+                {
+                    HttpOnly = true,
+                    Secure = true,
+                    SameSite = SameSiteMode.Strict,
+                    Expires = DateTimeOffset.UtcNow.AddDays(1)
+                });
+
+                return Results.Ok(new { success = true, token = newToken });
+            }
+
+            return Results.Json(new { success = false, title = "Failed to reconstruct security claims" }, statusCode: 400);
+        }).RequireAuthorization();
+
+        return group;
+    }
+}

Features/Account/AuthenticationLayout.razor

@@ -0,0 +1,606 @@
+@using Indotalent.Shared.Consts
+@inherits LayoutComponentBase
+@inject NavigationManager Navigation
+
+<MudThemeProvider Theme="_theme" />
+<MudDialogProvider />
+<MudSnackbarProvider />
+<MudPopoverProvider />
+
+<style>
+    /* ===== FONT ===== */
+    @@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;450;500;600;700;800&display=swap');
+
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    /* ===== SPLIT CONTAINER ===== */
+    .auth-split-container {
+        display: flex;
+        min-height: 100vh;
+        width: 100vw;
+        overflow: hidden;
+        position: relative;
+    }
+
+    /* ===== LEFT PANEL - GRADIENT BRANDING ===== */
+    .auth-left-panel {
+        width: 50%;
+        background: linear-gradient(135deg, #6366F1 0%, #5558E6 30%, #4F46E5 60%, #4338CA 100%);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 3rem;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .auth-left-panel::before {
+        content: '';
+        position: absolute;
+        top: -120px;
+        right: -120px;
+        width: 400px;
+        height: 400px;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.04);
+        pointer-events: none;
+    }
+
+    .auth-left-panel::after {
+        content: '';
+        position: absolute;
+        bottom: -80px;
+        left: -80px;
+        width: 300px;
+        height: 300px;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.04);
+        pointer-events: none;
+    }
+
+    .auth-left-content {
+        max-width: 28rem;
+        position: relative;
+        z-index: 1;
+    }
+
+    .auth-brand-row {
+        display: flex;
+        align-items: center;
+        gap: 0.75rem;
+        margin-bottom: 2rem;
+    }
+
+    .auth-brand-icon {
+        width: 3.5rem;
+        height: 3.5rem;
+        background: rgba(255, 255, 255, 0.2);
+        border-radius: 0.75rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        backdrop-filter: blur(8px);
+        cursor: pointer;
+        transition: background 0.2s;
+    }
+
+    .auth-brand-icon:hover {
+        background: rgba(255, 255, 255, 0.3);
+    }
+
+    .auth-brand-icon svg {
+        width: 2rem;
+        height: 2rem;
+        color: #ffffff;
+    }
+
+    .auth-brand-name {
+        color: #ffffff;
+        font-size: 1.5rem;
+        font-weight: 700;
+    }
+
+    .auth-brand-sub {
+        color: rgba(255, 255, 255, 0.7);
+        font-size: 0.8125rem;
+    }
+
+    .auth-welcome-title {
+        color: #ffffff;
+        font-size: 1.875rem;
+        font-weight: 700;
+        line-height: 1.25;
+        margin-bottom: 1rem;
+    }
+
+    .auth-welcome-desc {
+        color: rgba(255, 255, 255, 0.8);
+        font-size: 0.875rem;
+        line-height: 1.6;
+        margin-bottom: 2rem;
+    }
+
+    .auth-feature-list {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        margin-bottom: 2.5rem;
+    }
+
+    .auth-feature-item {
+        display: flex;
+        align-items: flex-start;
+        gap: 0.75rem;
+    }
+
+    .auth-feature-check {
+        width: 1.25rem;
+        height: 1.25rem;
+        border-radius: 0.25rem;
+        background: rgba(255, 255, 255, 0.2);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        margin-top: 0.125rem;
+    }
+
+    .auth-feature-check svg {
+        width: 0.75rem;
+        height: 0.75rem;
+        color: #ffffff;
+    }
+
+    .auth-feature-text-title {
+        color: #ffffff;
+        font-size: 0.875rem;
+        font-weight: 600;
+    }
+
+    .auth-feature-text-desc {
+        color: rgba(255, 255, 255, 0.7);
+        font-size: 0.75rem;
+        margin-top: 0.125rem;
+    }
+
+    .auth-support-card {
+        padding: 1rem;
+        background: rgba(255, 255, 255, 0.1);
+        backdrop-filter: blur(8px);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 0.75rem;
+        display: flex;
+        align-items: center;
+        gap: 0.75rem;
+    }
+
+    .auth-support-avatar {
+        width: 2.5rem;
+        height: 2.5rem;
+        border-radius: 50%;
+        background: rgba(255, 255, 255, 0.2);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+    }
+
+    .auth-support-avatar svg {
+        width: 1.25rem;
+        height: 1.25rem;
+        color: #ffffff;
+    }
+
+    .auth-support-title {
+        color: #ffffff;
+        font-size: 0.875rem;
+        font-weight: 600;
+    }
+
+    .auth-support-desc {
+        color: rgba(255, 255, 255, 0.7);
+        font-size: 0.75rem;
+    }
+
+    /* ===== RIGHT PANEL - FORM AREA ===== */
+    .auth-right-panel {
+        width: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 1.5rem;
+        background: #ffffff;
+    }
+
+    .auth-form-wrapper {
+        width: 100%;
+        max-width: 28rem;
+    }
+
+    .auth-card {
+        border-radius: 1rem !important;
+        border: 1px solid #e2e8f0 !important;
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
+        background: #ffffff !important;
+    }
+
+    .auth-card-footer {
+        margin-top: 1rem;
+        text-align: center;
+        font-size: 0.75rem;
+        color: #94a3b8;
+        font-weight: 500;
+        letter-spacing: 0.5px;
+    }
+
+    /* ===== MOBILE BRAND STRIP ===== */
+    .auth-mobile-brand {
+        display: none;
+        text-align: center;
+        padding: 1.25rem 1rem 0.75rem;
+        background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
+    }
+
+    .auth-mobile-brand-inner {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+    }
+
+    .auth-mobile-brand-icon {
+        width: 2rem;
+        height: 2rem;
+        background: rgba(255, 255, 255, 0.2);
+        border-radius: 0.5rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .auth-mobile-brand-icon svg {
+        width: 1.125rem;
+        height: 1.125rem;
+        color: #ffffff;
+    }
+
+    .auth-mobile-brand-name {
+        color: #ffffff;
+        font-size: 1.125rem;
+        font-weight: 700;
+    }
+
+    /* ===== RESPONSIVE ===== */
+    @@media (max-width: 1023px) {
+        .auth-left-panel {
+            display: none;
+        }
+
+        .auth-right-panel {
+            width: 100%;
+            padding: 1rem;
+            align-items: flex-start;
+            padding-top: 0;
+        }
+
+        .auth-form-wrapper {
+            max-width: 100%;
+        }
+
+        .auth-mobile-brand {
+            display: block;
+        }
+
+        .auth-card {
+            border-radius: 0.75rem !important;
+        }
+    }
+
+    @@media (min-width: 1280px) {
+        .auth-left-panel {
+            padding: 4rem;
+        }
+
+        .auth-right-panel {
+            padding: 2.5rem;
+        }
+    }
+
+    /* ===== PAGE COMPONENTS SHARED STYLES ===== */
+    .page-header {
+        text-align: center;
+        margin-bottom: 1.5rem;
+    }
+
+    .page-header h2 {
+        font-size: 1.5rem;
+        font-weight: 700;
+        color: #0f172a;
+        margin-bottom: 0.25rem;
+    }
+
+    .page-header p {
+        font-size: 0.875rem;
+        color: #64748b;
+    }
+
+    .form-label {
+        display: block;
+        font-size: 0.8125rem;
+        font-weight: 600;
+        color: #475569;
+        margin-bottom: 0.25rem;
+    }
+
+    .form-label-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 0.25rem;
+    }
+
+    .forgot-link {
+        font-size: 0.8125rem;
+        color: #64748b;
+        text-decoration: none;
+        cursor: pointer;
+        transition: color 0.2s;
+    }
+
+    .forgot-link:hover {
+        color: #6366F1;
+        text-decoration: underline;
+    }
+
+    .remember-row {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        margin-bottom: 1.5rem;
+    }
+
+    .divider-or {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        margin: 1.5rem 0;
+    }
+
+    .divider-or::before,
+    .divider-or::after {
+        content: '';
+        flex: 1;
+        height: 1px;
+        background: #e2e8f0;
+    }
+
+    .divider-or span {
+        font-size: 0.75rem;
+        color: #94a3b8;
+        font-weight: 500;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+    }
+
+    .auth-link {
+        color: #6366F1;
+        font-size: 0.875rem;
+        font-weight: 600;
+        text-decoration: none;
+        cursor: pointer;
+        transition: color 0.2s;
+    }
+
+    .auth-link:hover {
+        color: #4F46E5;
+        text-decoration: underline;
+    }
+
+    .btn-google {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0.625rem 1rem;
+        background: transparent;
+        color: #475569;
+        font-size: 0.875rem;
+        font-weight: 500;
+        border-radius: 0.5rem;
+        border: 1.5px solid #e2e8f0;
+        transition: all 0.2s;
+        cursor: pointer;
+        width: 100%;
+        font-family: "Poppins", sans-serif;
+    }
+
+    .btn-google:hover {
+        border-color: #c4b5fd;
+        background: #f5f3ff;
+    }
+
+    /* ===== LOGOUT / CONFIRM STYLES ===== */
+    .logout-container,
+    .confirm-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        padding: 1.5rem 0;
+    }
+
+    .logout-icon-wrapper,
+    .confirm-icon-wrapper {
+        display: flex;
+        justify-content: center;
+        margin-bottom: 1.5rem;
+    }
+
+    .logout-icon-circle,
+    .confirm-icon-circle {
+        width: 5rem;
+        height: 5rem;
+        border-radius: 50%;
+        background: rgba(99, 102, 241, 0.1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .logout-icon-circle svg,
+    .confirm-icon-circle svg {
+        width: 2.5rem;
+        height: 2.5rem;
+        color: #6366F1;
+    }
+
+    .logout-title,
+    .confirm-title {
+        font-size: 1.5rem;
+        font-weight: 700;
+        color: #0f172a;
+        margin-bottom: 0.5rem;
+    }
+
+    .logout-desc,
+    .confirm-desc {
+        font-size: 0.875rem;
+        color: #64748b;
+        margin-bottom: 1.5rem;
+        line-height: 1.5;
+    }
+</style>
+
+<div class="auth-split-container">
+
+    @* Left Panel - Branding *@
+    <div class="auth-left-panel">
+        <div class="auth-left-content">
+            <div class="auth-brand-row">
+                <div class="auth-brand-icon" @onclick="NavigateToHome">
+                    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
+                    </svg>
+                </div>
+                <div>
+                    <div class="auth-brand-name">Blazor CRM</div>
+                    <div class="auth-brand-sub">Complete Source Code Solution</div>
+                </div>
+            </div>
+
+            <h2 class="auth-welcome-title">Your Business,<br/>Your CRM, Your Way</h2>
+            <p class="auth-welcome-desc">A complete, end-to-end CRM with full source code. Manage your leads, sales, purchases, and inventory — all in one place.</p>
+
+            <div class="auth-feature-list">
+                <div class="auth-feature-item">
+                    <div class="auth-feature-check">
+                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
+                        </svg>
+                    </div>
+                    <div>
+                        <div class="auth-feature-text-title">Pipeline & Lead Management</div>
+                        <div class="auth-feature-text-desc">Campaigns, budgets, leads, contacts & sales team</div>
+                    </div>
+                </div>
+                <div class="auth-feature-item">
+                    <div class="auth-feature-check">
+                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
+                        </svg>
+                    </div>
+                    <div>
+                        <div class="auth-feature-text-title">Sales & Purchase</div>
+                        <div class="auth-feature-text-desc">Orders, invoices, payments & full procurement</div>
+                    </div>
+                </div>
+                <div class="auth-feature-item">
+                    <div class="auth-feature-check">
+                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
+                        </svg>
+                    </div>
+                    <div>
+                        <div class="auth-feature-text-title">Inventory & Reporting</div>
+                        <div class="auth-feature-text-desc">Products, warehouses, stock counts & full reports</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="auth-support-card">
+                <div class="auth-support-avatar">
+                    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"/>
+                    </svg>
+                </div>
+                <div>
+                    <div class="auth-support-title">Production-Ready Source Code</div>
+                    <div class="auth-support-desc">Built with .NET 10, Blazor Server & MudBlazor 9</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    @* Right Panel - Form Area *@
+    <div class="auth-right-panel">
+
+        @* Mobile Brand Strip *@
+        <div style="width: 100%; display: flex; flex-direction: column;">
+            <div class="auth-mobile-brand">
+                <div class="auth-mobile-brand-inner">
+                    <div class="auth-mobile-brand-icon">
+                        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
+                        </svg>
+                    </div>
+                    <span class="auth-mobile-brand-name">@GlobalConsts.AppInitial</span>
+                </div>
+            </div>
+
+            <div class="auth-form-wrapper" style="margin: 0 auto; width: 100%; max-width: 28rem; padding: 0 0.25rem;">
+                <MudCard Elevation="0" Class="auth-card pa-2">
+                    <MudCardContent Class="pa-6">
+                        @Body
+                    </MudCardContent>
+                </MudCard>
+
+                <div class="auth-card-footer">
+                    © @DateTime.Now.Year @GlobalConsts.AppInitial. ALL RIGHTS RESERVED.
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+@code {
+    private MudTheme _theme = new()
+    {
+        PaletteLight = new PaletteLight()
+        {
+            Primary = "#6366F1",
+            Secondary = "#818CF8",
+            Tertiary = "#A5B4FC",
+            AppbarBackground = "#6366F1",
+            DrawerBackground = "#F8FAFC",
+            Background = "#F8FAFC",
+            Surface = "#FFFFFF",
+            TextPrimary = "#1E293B",
+            TextSecondary = "#64748B",
+            Divider = "#E2E8F0",
+            DividerLight = "#F1F5F9",
+        },
+        Typography = new Typography()
+        {
+            Default = new DefaultTypography()
+            {
+                FontFamily = new[] { "Poppins", "sans-serif" }
+            }
+        }
+    };
+
+    private void NavigateToHome()
+    {
+        Navigation.NavigateTo("/", forceLoad: true);
+    }
+}

Features/Account/ConfirmEmail/ConfirmEmailPage.razor

@@ -0,0 +1,71 @@
+@page "/account/confirm-email"
+@layout AuthenticationLayout
+@using Indotalent.Shared.Consts
+@using Microsoft.AspNetCore.Identity
+@using Microsoft.AspNetCore.WebUtilities
+@using System.Text
+@using Indotalent.Data.Entities
+@inject UserManager<ApplicationUser> UserManager
+@inject NavigationManager Navigation
+@inject ISnackbar Snackbar
+
+<PageTitle>Confirming Email - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="confirm-container">
+    <div class="confirm-icon-wrapper">
+        <div class="confirm-icon-circle">
+            <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
+            </svg>
+        </div>
+    </div>
+
+    <div class="confirm-title">Verifying Your Account</div>
+    <div class="confirm-desc">Please wait while we validate your email address...</div>
+
+    <MudProgressCircular Color="Color.Primary" Indeterminate="true" Size="Size.Large" />
+</div>
+
+@code {
+    [SupplyParameterFromQuery] public string? userId { get; set; }
+    [SupplyParameterFromQuery] public string? code { get; set; }
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (string.IsNullOrEmpty(userId) || string.IsNullOrEmpty(code))
+        {
+            Snackbar.Add("Invalid or expired confirmation link.", Severity.Error);
+            Navigation.NavigateTo("/account/login");
+            return;
+        }
+
+        var user = await UserManager.FindByIdAsync(userId);
+        if (user == null)
+        {
+            Snackbar.Add("User record not found.", Severity.Error);
+            Navigation.NavigateTo("/account/login");
+            return;
+        }
+
+        try
+        {
+            var decodedCode = Encoding.UTF8.GetString(WebEncoders.Base64UrlDecode(code));
+            var result = await UserManager.ConfirmEmailAsync(user, decodedCode);
+            await Task.Delay(500);
+            if (result.Succeeded)
+            {
+                Snackbar.Add("Email verified successfully! You can now sign in.", Severity.Success);
+            }
+            else
+            {
+                Snackbar.Add("Verification failed. The link may have expired.", Severity.Error);
+            }
+        }
+        catch
+        {
+            Snackbar.Add("An error occurred during verification.", Severity.Error);
+        }
+
+        Navigation.NavigateTo("/account/login");
+    }
+}

Features/Account/ForgotPassword/Components/ForgotPasswordPage.razor

@@ -0,0 +1,122 @@
+@page "/account/forgot-password"
+@layout AuthenticationLayout
+@using System.ComponentModel.DataAnnotations
+@using Indotalent.Shared.Consts
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+@inject ISnackbar Snackbar
+@inject NavigationManager Navigation
+
+<PageTitle>Forgot Password - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="page-header">
+    <h2>Forgot Password?</h2>
+    <p>Enter your email address below and we'll send you a link to reset your password.</p>
+</div>
+
+<MudForm @ref="form" @bind-IsValid="@success">
+
+    <label class="form-label">Email Address</label>
+    <MudTextField T="string"
+                  @bind-Value="model.Email"
+                  Variant="Variant.Outlined"
+                  Placeholder="name@example.com"
+                  Margin="Margin.Dense"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Email"
+                  Required="true"
+                  Validation="@(new EmailAddressAttribute() { ErrorMessage = "Invalid email address format" })"
+                  For="@(() => model.Email)"
+                  Class="mb-6" />
+
+    <MudButton Variant="Variant.Filled"
+               Color="Color.Primary"
+               Size="Size.Large"
+               FullWidth="true"
+               Disabled="!success || isProcessing"
+               OnClick="HandleForgotPassword"
+               Style="text-transform:none; border-radius: 8px; height: 48px; font-weight: 600;">
+        @if (isProcessing)
+        {
+            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" Color="Color.Inherit" />
+            <span class="ms-2">Sending link...</span>
+        }
+        else
+        {
+            <span>Send Reset Link</span>
+        }
+    </MudButton>
+</MudForm>
+
+<div style="text-align: center; margin-top: 1.5rem;">
+    <span style="font-size: 0.875rem; color: #64748b;">
+        Remember your password?
+        <a class="auth-link" href="/account/login">Back to Sign In</a>
+    </span>
+</div>
+
+@code {
+    private MudForm form = default!;
+    private bool success;
+    private bool isProcessing;
+    private ForgotPasswordModel model = new();
+
+    private class ForgotPasswordModel
+    {
+        public string Email { get; set; } = "";
+    }
+
+    private async Task HandleForgotPassword()
+    {
+        await form.Validate();
+        if (!success) return;
+
+        isProcessing = true;
+        StateHasChanged();
+
+        var result = await JSRuntime.InvokeAsync<ApiResponse>("apiForgotPassword", model.Email);
+
+        if (result.Status == 200)
+        {
+            Snackbar.Add("If your email is registered, a reset link has been sent.", Severity.Success);
+            await Task.Delay(500);
+            Navigation.NavigateTo("/account/login");
+        }
+        else
+        {
+            Snackbar.Add(result.Title ?? "Failed to send reset link", Severity.Error);
+        }
+
+        isProcessing = false;
+        StateHasChanged();
+    }
+
+    private class ApiResponse
+    {
+        public int Status { get; set; }
+        public string? Title { get; set; }
+    }
+}
+
+<script>
+    window.apiForgotPassword = async (email) => {
+        try {
+            const response = await fetch('/api/account/forgot-password', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ email })
+            });
+
+            if (response.ok) {
+                return { status: 200, title: 'Success' };
+            } else {
+                const data = await response.json();
+                let msg = 'Error processing request';
+                if (data.errors && data.errors.length > 0) msg = data.errors[0];
+                return { status: response.status, title: msg };
+            }
+        } catch (error) {
+            return { status: 500, title: 'Network error' };
+        }
+    };
+</script>

Features/Account/ForgotPassword/Cqrs/ForgotPasswordHandler.cs

@@ -0,0 +1,70 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.AspNetCore.WebUtilities;
+using System.Text;
+
+namespace Indotalent.Features.Account.ForgotPassword.Cqrs;
+
+public class ForgotPasswordRequest
+{
+    public string Email { get; set; } = string.Empty;
+}
+
+public class ForgotPasswordResponse
+{
+    public string Message { get; set; } = string.Empty;
+}
+
+public record ForgotPasswordCommand(ForgotPasswordRequest Data) : IRequest<ForgotPasswordResponse>;
+
+public class ForgotPasswordHandler : IRequestHandler<ForgotPasswordCommand, ForgotPasswordResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+    private readonly IEmailSender<ApplicationUser> _emailSender;
+    private readonly IHttpContextAccessor _httpContextAccessor;
+
+    public ForgotPasswordHandler(
+        UserManager<ApplicationUser> userManager,
+        IEmailSender<ApplicationUser> emailSender,
+        IHttpContextAccessor httpContextAccessor)
+    {
+        _userManager = userManager;
+        _emailSender = emailSender;
+        _httpContextAccessor = httpContextAccessor;
+    }
+
+    public async Task<ForgotPasswordResponse> Handle(ForgotPasswordCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByEmailAsync(request.Data.Email);
+
+        if (user == null || !(await _userManager.IsEmailConfirmedAsync(user)))
+        {
+            return new ForgotPasswordResponse { Message = "If your email is registered, you will receive a reset link." };
+        }
+
+        var code = await _userManager.GeneratePasswordResetTokenAsync(user);
+        code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
+
+        var requestHttp = _httpContextAccessor.HttpContext?.Request;
+        var scheme = requestHttp?.Scheme ?? "https";
+        var host = requestHttp?.Host.Value ?? "localhost:8080";
+
+        var callbackUrl = $"{scheme}://{host}/account/reset-password?userId={user.Id}&code={code}";
+
+        var message = $@"
+            <div style=""font-family: Arial, sans-serif;"">
+                <h3>Password Reset Request</h3>
+                <p>Hello, {user.FullName}!</p>
+                <p>We received a request to reset your password. Click the link below to proceed:</p>
+                <p><a href=""{callbackUrl}"" style=""color: #2196F3; font-weight: bold;"">Reset Password</a></p>
+                <br/>
+                <p style=""font-size: 0.8em; color: #666;"">If you didn't request this, you can safely ignore this email.</p>
+                <p style=""font-size: 0.8em; color: #666;"">{callbackUrl}</p>
+            </div>";
+
+        await _emailSender.SendPasswordResetLinkAsync(user, user.Email!, message);
+
+        return new ForgotPasswordResponse { Message = "Reset link has been sent." };
+    }
+}

Features/Account/Login/Components/LoginPage.razor

@@ -0,0 +1,270 @@
+@page "/account/login"
+@layout AuthenticationLayout
+@using Indotalent.Shared.Consts
+@using Microsoft.JSInterop
+@using Indotalent.Infrastructure.Authentication.Identity
+@using Microsoft.Extensions.Options
+@inject IJSRuntime JSRuntime
+@inject IOptions<IdentitySettingsModel> IdentityOptions
+@inject NavigationManager Navigation
+@inject ISnackbar Snackbar
+
+<PageTitle>Sign In - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="page-header">
+    <h2>Sign In</h2>
+    <p>Enter your credentials to access your account</p>
+</div>
+
+<MudForm @ref="form" @bind-IsValid="@success" Validation="@(new Func<EditContext, Task<bool>>(ValidateForm))" Class="w-100">
+
+    <label class="form-label">Email Address</label>
+    <MudTextField T="string"
+                  @bind-Value="model.Email"
+                  Variant="Variant.Outlined"
+                  Placeholder="you@company.com"
+                  Margin="Margin.Dense"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Email"
+                  Required="true"
+                  For="@(() => model.Email)"
+                  Class="mb-4" />
+
+    <div class="form-label-row">
+        <label class="form-label">Password</label>
+        <a class="forgot-link" href="/account/forgot-password">Forgot password?</a>
+    </div>
+    <MudTextField T="string"
+                  @bind-Value="model.Password"
+                  Variant="Variant.Outlined"
+                  Placeholder="Enter your password"
+                  Margin="Margin.Dense"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Lock"
+                  InputType="@(showPassword ? InputType.Text : InputType.Password)"
+                  AdornmentEndIcon="@(showPassword? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
+                  OnAdornmentEndClick="() => showPassword = !showPassword"
+                  Required="true"
+                  For="@(() => model.Password)"
+                  Class="mb-2" />
+
+    <div class="remember-row">
+        <MudCheckBox T="bool"
+                     @bind-Value="rememberMe"
+                     Label="Remember me"
+                     Color="Color.Primary"
+                     Dense="true" />
+    </div>
+
+    <MudButton Variant="Variant.Filled"
+               Color="Color.Primary"
+               Size="Size.Large"
+               FullWidth="true"
+               Disabled="!success || isProcessing"
+               OnClick="HandleLogin"
+               Style="text-transform:none; border-radius: 8px; height: 48px; font-weight: 600;">
+        @if (isProcessing)
+        {
+            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" Color="Color.Inherit" />
+            <span class="ms-2">Signing in...</span>
+        }
+        else
+        {
+            <span>Sign In</span>
+        }
+    </MudButton>
+
+    @if (IdentityOptions.Value.SsoFirebase.IsUsed)
+    {
+        <div class="divider-or">
+            <span>Or continue with</span>
+        </div>
+
+        <MudButton Variant="Variant.Outlined"
+                   FullWidth="true"
+                   Size="Size.Large"
+                   Disabled="isProcessing"
+                   OnClick="HandleFirebaseGoogleLogin"
+                   StartIcon="@Icons.Custom.Brands.Google"
+                   Style="text-transform:none; border-radius: 8px; background-color: white; height: 44px; border: 1.5px solid #e2e8f0; font-weight: 500; color: #475569;">
+            Sign in with Google
+        </MudButton>
+    }
+</MudForm>
+
+<div style="text-align: center; margin-top: 1.5rem;">
+    <span style="font-size: 0.875rem; color: #64748b;">
+        Don't have an account?
+        <a class="auth-link" href="/account/register">Create one</a>
+    </span>
+</div>
+
+@code {
+    private MudForm form = default!;
+    private bool success;
+    private bool isProcessing;
+    private bool showPassword;
+    private bool rememberMe;
+    private LoginModel model = new();
+
+    private async Task<bool> ValidateForm(EditContext context) => await Task.FromResult(true);
+
+    private async Task HandleLogin()
+    {
+        await form.Validate();
+        if (!success) return;
+        isProcessing = true;
+        StateHasChanged();
+
+        var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountSignIn", model.Email, model.Password, rememberMe);
+        ProcessLoginResult(result);
+    }
+
+    private async Task HandleFirebaseGoogleLogin()
+    {
+        isProcessing = true;
+        StateHasChanged();
+
+        var firebaseUser = await JSRuntime.InvokeAsync<FirebaseUserResponse>("signInWithGoogle");
+
+        if (firebaseUser == null || string.IsNullOrEmpty(firebaseUser.Email))
+        {
+            Snackbar.Add("Google Sign-In failed or cancelled.", Severity.Error);
+            isProcessing = false;
+            return;
+        }
+
+        var checkResult = await JSRuntime.InvokeAsync<ActiveCheckResponse>("apiCheckActiveUser", firebaseUser.Email);
+        bool openForPublic = IdentityOptions.Value.SsoFirebase.OpenForPublic;
+
+        if (checkResult.Exists)
+        {
+            if (checkResult.IsActive)
+            {
+                await ExecuteSsoSignIn(firebaseUser.Email);
+            }
+            else
+            {
+                Snackbar.Add("Account is registered but not active.", Severity.Warning);
+                isProcessing = false;
+            }
+        }
+        else
+        {
+            var registerResult = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>(
+                "apiAccountSignUpSso",
+                firebaseUser.Email,
+                firebaseUser.Email,
+                openForPublic
+            );
+
+            if (registerResult.Status == 200)
+            {
+                if (openForPublic)
+                {
+                    await ExecuteSsoSignIn(firebaseUser.Email);
+                }
+                else
+                {
+                    Snackbar.Add("Registration successful. Please wait for admin approval.", Severity.Info);
+                    isProcessing = false;
+                }
+            }
+            else
+            {
+                Snackbar.Add("Failed to auto-register account.", Severity.Error);
+                isProcessing = false;
+            }
+        }
+    }
+
+    private async Task ExecuteSsoSignIn(string email)
+    {
+        var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountSsoSignIn", email);
+        ProcessLoginResult(result);
+    }
+
+    private void ProcessLoginResult(ApiJSRuntimeResponse result)
+    {
+        if (result.Status == 200)
+        {
+            Snackbar.Add(result.Title ?? "Login successful!", Severity.Success);
+            Task.Run(async () =>
+            {
+                await Task.Delay(500);
+                Navigation.NavigateTo("/account/tenant-selection", forceLoad: true);
+            });
+        }
+        else
+        {
+            Snackbar.Add(result.Title ?? "Sign in failed.", Severity.Error);
+            isProcessing = false;
+        }
+        StateHasChanged();
+    }
+
+    private class ApiJSRuntimeResponse { public int? Status { get; set; } public string? Title { get; set; } public string? Message { get; set; } }
+    private class FirebaseUserResponse { public string? Email { get; set; } }
+    private class ActiveCheckResponse { public bool Exists { get; set; } public bool IsActive { get; set; } }
+    private class LoginModel { public string Email { get; set; } = ""; public string Password { get; set; } = ""; }
+}
+
+<script>
+    window.apiAccountSignIn = async (email, password, rememberMe) => {
+        try {
+            const response = await fetch('/api/account/signin', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ email, password, rememberMe }),
+                credentials: 'include'
+            });
+            const result = await response.json();
+            return { status: response.status, title: result.title };
+        } catch (error) {
+            return { status: 500, title: 'Network error' };
+        }
+    };
+
+    window.apiCheckActiveUser = async (email) => {
+        try {
+            const response = await fetch(`/api/account/active-user-exists?email=${encodeURIComponent(email)}`);
+            return await response.json();
+        } catch (error) {
+            return { exists: false, isActive: false };
+        }
+    };
+
+    window.apiAccountSignUpSso = async (email, fullName, isOpenForPublic) => {
+        try {
+            const response = await fetch('/api/account/signup', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    email: email,
+                    fullName: fullName,
+                    password: 'SSO_AUTO_GENERATED_PASSWORD_123!',
+                    isActive: isOpenForPublic,
+                    emailConfirmed: isOpenForPublic
+                })
+            });
+            const result = await response.json();
+            return { status: response.status, message: result.message };
+        } catch (error) {
+            return { status: 500 };
+        }
+    };
+
+    window.apiAccountSsoSignIn = async (email) => {
+        try {
+            const response = await fetch(`/api/account/signin-sso?email=${encodeURIComponent(email)}`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include'
+            });
+            const result = await response.json();
+            return { status: response.status, title: result.title };
+        } catch (error) {
+            return { status: 500, title: 'SSO Network error' };
+        }
+    };
+</script>

Features/Account/Login/Cqrs/LoginHandler.cs

@@ -0,0 +1,74 @@
+using Indotalent.ConfigFrontEnd.Service;
+using Indotalent.Data.Entities;
+using Indotalent.Infrastructure.Authentication.Identity;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.Extensions.Options;
+
+namespace Indotalent.Features.Account.Login.Cqrs;
+
+public class LoginRequest
+{
+    public string Email { get; set; } = string.Empty;
+    public string Password { get; set; } = string.Empty;
+    public bool RememberMe { get; set; }
+}
+
+public class LoginResponse
+{
+    public bool Succeeded { get; set; }
+    public string Message { get; set; } = string.Empty;
+    public bool IsNotAllowed { get; set; }
+    public string? Token { get; set; }
+    public string? RefreshToken { get; set; }
+}
+
+public record LoginCommand(LoginRequest Data) : IRequest<LoginResponse>;
+
+public class LoginHandler : IRequestHandler<LoginCommand, LoginResponse>
+{
+    private readonly SignInManager<ApplicationUser> _signInManager;
+    private readonly UserManager<ApplicationUser> _userManager;
+    private readonly JwtSettingsModel _jwtSettings;
+
+    public LoginHandler(
+        SignInManager<ApplicationUser> signInManager,
+        UserManager<ApplicationUser> userManager,
+        IOptions<JwtSettingsModel> jwtSettings)
+    {
+        _signInManager = signInManager;
+        _userManager = userManager;
+        _jwtSettings = jwtSettings.Value;
+    }
+
+    public async Task<LoginResponse> Handle(LoginCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByEmailAsync(request.Data.Email);
+        if (user == null) return new LoginResponse { Succeeded = false, Message = "Invalid credentials" };
+
+        var result = await _signInManager.PasswordSignInAsync(user, request.Data.Password, request.Data.RememberMe, false);
+
+        if (result.Succeeded)
+        {
+            var token = JwtService.GenerateNewJwt(user, _jwtSettings);
+
+            var refreshToken = Guid.NewGuid().ToString().Replace("-", "");
+
+            user.RefreshToken = refreshToken;
+            user.LastLoginAt = DateTime.Now;
+            await _userManager.UpdateAsync(user);
+
+            return new LoginResponse
+            {
+                Succeeded = true,
+                Message = "Login successful",
+                Token = token,
+                RefreshToken = refreshToken
+            };
+        }
+
+        return new LoginResponse { Succeeded = false, Message = "Invalid credentials" };
+    }
+
+
+}

Features/Account/Logout/LogoutPage.razor

@@ -0,0 +1,100 @@
+@page "/account/logout"
+@layout AuthenticationLayout
+
+@using Indotalent.Shared.Consts
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+
+<PageTitle>Sign Out - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="logout-container">
+    <div class="logout-icon-wrapper">
+        <div class="logout-icon-circle">
+            <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>
+            </svg>
+        </div>
+    </div>
+
+    <div class="logout-title">Sign Out</div>
+    <div class="logout-desc">Are you sure you want to sign out of your account?</div>
+
+    <MudButton Variant="Variant.Filled"
+               Size="Size.Large"
+               FullWidth="true"
+               Disabled="@isLoggingOut"
+               OnClick="Logout"
+               Style="text-transform:none; border-radius: 8px; background-color: #6366F1; color: white; height: 48px; font-weight: 600;">
+        @if (isLoggingOut)
+        {
+            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" Color="Color.Inherit" />
+            <span class="ms-2">Signing out...</span>
+        }
+        else
+        {
+            <span>Sign Out</span>
+        }
+    </MudButton>
+
+    <MudButton Variant="Variant.Text"
+               Class="mt-3"
+               FullWidth="true"
+               Href="/account/tenant-selection"
+               Disabled="@isLoggingOut"
+               Style="text-transform:none; color: #94A3B8; font-weight: 600; border-radius: 8px;">
+        Cancel
+    </MudButton>
+</div>
+
+@code {
+    private bool isLoggingOut;
+
+    private async Task Logout()
+    {
+        isLoggingOut = true;
+        StateHasChanged();
+
+        var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountLogout");
+
+        if (result.Status == 200)
+        {
+            Snackbar.Add("Successfully signed out!", Severity.Success);
+            await Task.Delay(500);
+            Navigation.NavigateTo("/", forceLoad: true);
+        }
+        else
+        {
+            Snackbar.Add(result.Title ?? "Failed to logout.", Severity.Error);
+            await Task.Delay(500);
+        }
+
+        isLoggingOut = false;
+        StateHasChanged();
+    }
+
+    private class ApiJSRuntimeResponse
+    {
+        public int? Status { get; set; }
+        public string? Title { get; set; }
+    }
+}
+
+<script>
+    window.apiAccountLogout = async () => {
+        try {
+            const response = await fetch('/api/account/signout', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                credentials: 'include'
+            });
+            if (!response.ok) {
+                throw new Error('Unknown error occurred');
+            }
+            return { status: 200, title: 'Success user logout' };
+        } catch (error) {
+            return { status: 500, title: 'Server / Network error' };
+        }
+    };
+</script>

Features/Account/Register/Components/RegisterPage.razor

@@ -0,0 +1,183 @@
+@page "/account/register"
+@layout AuthenticationLayout
+
+@using Indotalent.Shared.Consts
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+@inject ISnackbar Snackbar
+@inject NavigationManager Navigation
+@inject IConfiguration Configuration
+
+<PageTitle>Sign Up - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="page-header">
+    <h2>Sign Up</h2>
+    <p>Please register your account</p>
+</div>
+
+<MudForm @ref="form" @bind-IsValid="@success" Validation="@(new Func<EditContext, Task<bool>>(ValidateForm))">
+
+    <label class="form-label">Full Name</label>
+    <MudTextField T="string"
+                  @bind-Value="model.FullName"
+                  Variant="Variant.Outlined"
+                  Placeholder="Enter your full name"
+                  Margin="Margin.Dense"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Person"
+                  Required="true"
+                  For="@(() => model.FullName)"
+                  Class="mb-4" />
+
+    <label class="form-label">Email Address</label>
+    <MudTextField T="string"
+                  @bind-Value="model.Email"
+                  Variant="Variant.Outlined"
+                  Placeholder="Enter your email"
+                  Margin="Margin.Dense"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Email"
+                  Required="true"
+                  For="@(() => model.Email)"
+                  Class="mb-4" />
+
+    <label class="form-label">Password</label>
+    <MudTextField T="string"
+                  @bind-Value="model.Password"
+                  Variant="Variant.Outlined"
+                  Placeholder="Create a password"
+                  Margin="Margin.Dense"
+                  InputType="@(showPassword ? InputType.Text : InputType.Password)"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Lock"
+                  AdornmentEndIcon="@(showPassword? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
+                  OnAdornmentEndClick="() => showPassword = !showPassword"
+                  Required="true"
+                  For="@(() => model.Password)"
+                  Class="mb-6" />
+
+    <MudButton Variant="Variant.Filled"
+               Color="Color.Primary"
+               Size="Size.Large"
+               FullWidth="true"
+               Disabled="!success || isProcessing"
+               OnClick="HandleRegister"
+               Style="text-transform:none; border-radius: 8px; height: 48px; font-weight: 600;">
+        @if (isProcessing)
+        {
+            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" Color="Color.Inherit" />
+            <span class="ms-2">Creating account...</span>
+        }
+        else
+        {
+            <span>Create Account</span>
+        }
+    </MudButton>
+</MudForm>
+
+<div style="text-align: center; margin-top: 1.5rem;">
+    <span style="font-size: 0.875rem; color: #64748b;">
+        Already have an account?
+        <a class="auth-link" href="/account/login">Sign In</a>
+    </span>
+</div>
+
+@code {
+    private MudForm form = default!;
+    private bool success;
+    private bool isProcessing;
+    private bool showPassword;
+
+    private RegisterModel model = new();
+
+    private class RegisterModel
+    {
+        public string FullName { get; set; } = "";
+        public string Email { get; set; } = "";
+        public string Password { get; set; } = "";
+    }
+
+    private async Task<bool> ValidateForm(EditContext context)
+    {
+        return await Task.FromResult(true);
+    }
+
+    private async Task HandleRegister()
+    {
+        await form.Validate();
+
+        if (!success) return;
+
+        isProcessing = true;
+        StateHasChanged();
+
+        var result = await JSRuntime.InvokeAsync<ApiJSRuntimeResponse>("apiAccountRegister", model.FullName, model.Email, model.Password);
+
+        if (result.Status == 200)
+        {
+            var requireConfirmation = Configuration.GetValue<bool>("IdentitySettings:SignIn:RequireConfirmedAccount");
+
+            if (requireConfirmation)
+            {
+                Snackbar.Add("Registration successful! Please check your email to confirm your account.", Severity.Info);
+            }
+            else
+            {
+                Snackbar.Add("Registration successful! You can now sign in.", Severity.Success);
+            }
+
+            await Task.Delay(500);
+            Navigation.NavigateTo("/account/login");
+        }
+        else
+        {
+            Snackbar.Add(result.Title ?? "Registration failed", Severity.Error);
+        }
+
+        isProcessing = false;
+        StateHasChanged();
+    }
+
+    private class ApiJSRuntimeResponse
+    {
+        public int? Status { get; set; }
+        public string? Title { get; set; }
+    }
+}
+
+<script>
+    window.apiAccountRegister = async (fullName, email, password) => {
+        try {
+            const response = await fetch('/api/account/signup', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ fullName, email, password })
+            });
+
+            const data = await response.json();
+
+            if (response.ok) {
+                return { status: 200, title: 'Success account registration' };
+            } else {
+                let errorMessage = data.title || data.message || 'Registration failed';
+
+                if (data.errors) {
+                    if (Array.isArray(data.errors) && data.errors.length > 0) {
+                        errorMessage = data.errors[0];
+                    } else if (typeof data.errors === 'object') {
+                        const firstKey = Object.keys(data.errors)[0];
+                        if (firstKey) {
+                            errorMessage = data.errors[firstKey][0];
+                        }
+                    }
+                }
+
+                return { status: response.status, title: errorMessage };
+            }
+        } catch (error) {
+            return { status: 500, title: 'Server / Network error' };
+        }
+    };
+</script>

Features/Account/Register/Cqrs/RegisterHandler.cs

@@ -0,0 +1,131 @@
+using Indotalent.Data.Entities;
+using Indotalent.Infrastructure.Authorization.Identity;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.AspNetCore.WebUtilities;
+using Microsoft.EntityFrameworkCore;
+using System.Text;
+
+namespace Indotalent.Features.Account.Register.Cqrs;
+
+public class CreateUserRequest
+{
+    public string FullName { get; set; } = string.Empty;
+    public string Email { get; set; } = string.Empty;
+    public string Password { get; set; } = string.Empty;
+    public bool IsActive { get; set; } = true;
+    public bool EmailConfirmed { get; set; } = false;
+}
+
+public class CreateUserResponse
+{
+    public string? Id { get; set; }
+    public string? Email { get; set; }
+}
+
+public record CreateUserCommand(CreateUserRequest Data) : IRequest<CreateUserResponse>;
+
+public class RegisterHandler : IRequestHandler<CreateUserCommand, CreateUserResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+    private readonly IEmailSender<ApplicationUser> _emailSender;
+    private readonly IConfiguration _configuration;
+    private readonly IHttpContextAccessor _httpContextAccessor;
+    private readonly AppDbContext _context;
+
+    public RegisterHandler(
+        UserManager<ApplicationUser> userManager,
+        IEmailSender<ApplicationUser> emailSender,
+        IConfiguration configuration,
+        IHttpContextAccessor httpContextAccessor,
+        AppDbContext context)
+    {
+        _userManager = userManager;
+        _emailSender = emailSender;
+        _configuration = configuration;
+        _httpContextAccessor = httpContextAccessor;
+        _context = context;
+    }
+
+    public async Task<CreateUserResponse> Handle(CreateUserCommand request, CancellationToken cancellationToken)
+    {
+        var user = new ApplicationUser
+        {
+            UserName = request.Data.Email,
+            Email = request.Data.Email,
+            FullName = request.Data.FullName,
+            IsActive = request.Data.IsActive,
+            EmailConfirmed = request.Data.EmailConfirmed,
+        };
+
+        var result = await _userManager.CreateAsync(user, request.Data.Password);
+
+        if (!result.Succeeded)
+        {
+            var errors = result.Errors.Select(x => x.Description).ToList();
+            throw new Exception(string.Join(", ", errors));
+        }
+
+        // Assign default roles: Member and TenantAdmin (but not Admin)
+        var rolesToAdd = new List<string> { ApplicationRoles.Member, ApplicationRoles.TenantAdmin };
+
+        await _userManager.AddToRolesAsync(user, rolesToAdd);
+
+        // Create default tenant for the new user
+        var tenant = new Data.Entities.Tenant
+        {
+            Name = "Default Tenant",
+            Description = $"Default tenant for {request.Data.Email}",
+            EmailAddress = request.Data.Email,
+            IsActive = true
+        };
+
+        _context.Tenant.Add(tenant);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        // Create TenantUser linking the user to the default tenant
+        var tenantUser = new Data.Entities.TenantUser
+        {
+            TenantId = tenant.Id,
+            UserId = user.Id,
+            Summary = $"Default tenant assignment for {request.Data.FullName}",
+            IsActive = true
+        };
+
+        _context.TenantUser.Add(tenantUser);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        var requireConfirmation = _configuration.GetValue<bool>("IdentitySettings:SignIn:RequireConfirmedAccount");
+
+        if (requireConfirmation)
+        {
+            var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);
+            code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
+
+            var requestHttp = _httpContextAccessor.HttpContext?.Request;
+            var scheme = requestHttp?.Scheme ?? "https";
+            var host = requestHttp?.Host.Value ?? "localhost:8080";
+
+            var callbackUrl = $"{scheme}://{host}/account/confirm-email?userId={user.Id}&code={code}";
+
+            var message = $@"
+                <div style=""font-family: Arial, sans-serif;"">
+                    <h3>Welcome, {user.FullName}!</h3>
+                    <p>Please confirm your account by clicking the link below:</p>
+                    <p><a href=""{callbackUrl}"" style=""color: #2196F3; font-weight: bold; text-decoration: underline;"">Confirm Account</a></p>
+                    <br/>
+                    <p style=""font-size: 0.8em; color: #666;"">If the link doesn't work, copy and paste this URL into your browser:</p>
+                    <p style=""font-size: 0.8em; color: #666;"">{callbackUrl}</p>
+                </div>";
+
+            await _emailSender.SendConfirmationLinkAsync(user, user.Email!, message);
+        }
+
+        return new CreateUserResponse
+        {
+            Id = user.Id,
+            Email = user.Email
+        };
+    }
+}

Features/Account/ResetPassword/Components/ResetPasswordPage.razor

@@ -0,0 +1,144 @@
+@page "/account/reset-password"
+@layout AuthenticationLayout
+@using Indotalent.Shared.Consts
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+@inject ISnackbar Snackbar
+@inject NavigationManager Navigation
+
+<PageTitle>Reset Password - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="page-header">
+    <h2>Create New Password</h2>
+    <p>Please enter your new password below.</p>
+</div>
+
+<MudForm @ref="form" @bind-IsValid="@success">
+    <label class="form-label">New Password</label>
+    <MudTextField T="string"
+                  @bind-Value="model.NewPassword"
+                  Variant="Variant.Outlined"
+                  Placeholder="Enter new password"
+                  Margin="Margin.Dense"
+                  InputType="@(showPassword ? InputType.Text : InputType.Password)"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Lock"
+                  AdornmentEndIcon="@(showPassword? Icons.Material.Filled.Visibility : Icons.Material.Filled.VisibilityOff)"
+                  OnAdornmentEndClick="() => showPassword = !showPassword"
+                  Required="true"
+                  Class="mb-4" />
+
+    <label class="form-label">Confirm New Password</label>
+    <MudTextField T="string"
+                  @bind-Value="model.ConfirmPassword"
+                  Variant="Variant.Outlined"
+                  Placeholder="Repeat new password"
+                  Margin="Margin.Dense"
+                  InputType="@(showPassword ? InputType.Text : InputType.Password)"
+                  Adornment="Adornment.Start"
+                  AdornmentIcon="@Icons.Material.Filled.Lock"
+                  Required="true"
+                  Validation="@(new Func<string, string?>(PasswordMatch))"
+                  Class="mb-6" />
+
+    <MudButton Variant="Variant.Filled"
+               Color="Color.Primary"
+               Size="Size.Large"
+               FullWidth="true"
+               Disabled="!success || isProcessing"
+               OnClick="HandleResetPassword"
+               Style="text-transform:none; border-radius: 8px; height: 48px; font-weight: 600;">
+        @if (isProcessing)
+        {
+            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" Color="Color.Inherit" />
+            <span class="ms-2">Resetting...</span>
+        }
+        else
+        {
+            <span>Reset Password</span>
+        }
+    </MudButton>
+</MudForm>
+
+@code {
+    [SupplyParameterFromQuery] public string? userId { get; set; }
+    [SupplyParameterFromQuery] public string? code { get; set; }
+
+    private MudForm form = default!;
+    private bool success;
+    private bool isProcessing;
+    private bool showPassword;
+    private ResetModel model = new();
+
+    private class ResetModel
+    {
+        public string NewPassword { get; set; } = "";
+        public string ConfirmPassword { get; set; } = "";
+    }
+
+    private string? PasswordMatch(string arg)
+    {
+        if (model.NewPassword != arg) return "Passwords do not match";
+        return null;
+    }
+
+    private async Task HandleResetPassword()
+    {
+        await form.Validate();
+        if (!success) return;
+
+        if (string.IsNullOrEmpty(userId) || string.IsNullOrEmpty(code))
+        {
+            Snackbar.Add("Invalid reset token or user ID.", Severity.Error);
+            return;
+        }
+
+        isProcessing = true;
+        StateHasChanged();
+
+        var result = await JSRuntime.InvokeAsync<ApiResponse>("apiResetPassword", userId, code, model.NewPassword);
+
+        if (result.Status == 200)
+        {
+            Snackbar.Add("Password reset successful! You can now sign in.", Severity.Success);
+            await Task.Delay(500);
+            Navigation.NavigateTo("/account/login");
+        }
+        else
+        {
+            Snackbar.Add(result.Title ?? "Failed to reset password", Severity.Error);
+        }
+
+        isProcessing = false;
+        StateHasChanged();
+    }
+
+    private class ApiResponse
+    {
+        public int Status { get; set; }
+        public string? Title { get; set; }
+    }
+}
+
+<script>
+    window.apiResetPassword = async (userId, code, newPassword) => {
+        try {
+            const response = await fetch('/api/account/reset-password', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ userId, code, newPassword })
+            });
+
+            if (response.ok) {
+                return { status: 200, title: 'Success' };
+            } else {
+                const data = await response.json();
+                let msg = 'Failed to reset password';
+                if (data.errors && data.errors.length > 0) msg = data.errors[0];
+                return { status: response.status, title: msg };
+            }
+        } catch (error) {
+            return { status: 500, title: 'Network error' };
+        }
+    };
+</script>

Features/Account/ResetPassword/Cqrs/ResetPasswordHandler.cs

@@ -0,0 +1,51 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.AspNetCore.WebUtilities;
+using System.Text;
+
+namespace Indotalent.Features.Account.ResetPassword.Cqrs;
+
+public class ResetPasswordRequest
+{
+    public string UserId { get; set; } = string.Empty;
+    public string Code { get; set; } = string.Empty;
+    public string NewPassword { get; set; } = string.Empty;
+}
+
+public class ResetPasswordResponse
+{
+    public string Message { get; set; } = string.Empty;
+}
+
+public record ResetPasswordCommand(ResetPasswordRequest Data) : IRequest<ResetPasswordResponse>;
+
+public class ResetPasswordHandler : IRequestHandler<ResetPasswordCommand, ResetPasswordResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+
+    public ResetPasswordHandler(UserManager<ApplicationUser> userManager)
+    {
+        _userManager = userManager;
+    }
+
+    public async Task<ResetPasswordResponse> Handle(ResetPasswordCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.Data.UserId);
+        if (user == null)
+        {
+            throw new Exception("User not found.");
+        }
+
+        var decodedCode = Encoding.UTF8.GetString(WebEncoders.Base64UrlDecode(request.Data.Code));
+        var result = await _userManager.ResetPasswordAsync(user, decodedCode, request.Data.NewPassword);
+
+        if (!result.Succeeded)
+        {
+            var errors = result.Errors.Select(x => x.Description).ToList();
+            throw new Exception(string.Join(", ", errors));
+        }
+
+        return new ResetPasswordResponse { Message = "Password has been reset successfully." };
+    }
+}

Features/Account/TenantSelection/Components/TenantSelectionPage.razor

@@ -0,0 +1,131 @@
+@page "/account/tenant-selection"
+@layout AuthenticationLayout
+@using Indotalent.Shared.Consts
+@attribute [Authorize]
+@using Microsoft.AspNetCore.Authorization
+@using Microsoft.JSInterop
+@inject NavigationManager Navigation
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<PageTitle>Select Tenant - @GlobalConsts.AppInitial</PageTitle>
+
+<div class="page-header">
+    <h2>Select Tenant</h2>
+    <p>Please select a tenant to continue</p>
+</div>
+
+<div class="w-100">
+    @if (isLoading)
+    {
+        <div style="display: flex; justify-content: center; padding: 3rem 0;">
+            <MudProgressCircular Color="Color.Primary" Indeterminate="true" Size="Size.Large" />
+        </div>
+    }
+    else if (!myTenants.Any())
+    {
+        <MudAlert Severity="Severity.Error" Variant="Variant.Outlined" Class="my-4" Style="border-radius: 8px;">
+            You don't have access to any tenant. Please contact your Administrator.
+        </MudAlert>
+    }
+    else
+    {
+        <div style="max-height: 320px; overflow-y: auto; padding-right: 4px;">
+            <MudList T="TenantDto" Clickable="true" SelectionMode="SelectionMode.SingleSelection" Class="pa-0">
+                @foreach (var item in myTenants)
+                {
+                    <MudListItem OnClick="() => HandleSelectTenant(item.TenantId)"
+                                 Icon="@Icons.Material.Filled.Business"
+                                 IconColor="Color.Primary"
+                                 Class="py-3 my-2"
+                                 Style="border: 1px solid #e2e8f0; border-radius: 8px; background-color: #f8fafc; transition: all 0.2s ease-in-out;">
+                        <ChildContent>
+                            <div class="d-flex flex-column">
+                                <MudText Typo="Typo.subtitle1" Style="font-weight: 700; color: #0f172a;">
+                                    @item.TenantName
+                                </MudText>
+                                @if (!string.IsNullOrEmpty(item.Description))
+                                {
+                                    <MudText Typo="Typo.caption" Style="color: #64748b;">
+                                        @item.Description
+                                    </MudText>
+                                }
+                            </div>
+                        </ChildContent>
+                    </MudListItem>
+                }
+            </MudList>
+        </div>
+    }
+</div>
+
+<div style="text-align: center; margin-top: 1.5rem;">
+    <span style="font-size: 0.875rem; color: #64748b;">
+        Want to sign in with another account?
+        <a class="auth-link" href="/account/logout">Sign Out</a>
+    </span>
+</div>
+
+@code {
+    private bool isLoading = true;
+    private List<TenantDto> myTenants = new();
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            myTenants = await JSRuntime.InvokeAsync<List<TenantDto>>("apiAccountFetchMyTenants");
+            isLoading = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task HandleSelectTenant(string tenantId)
+    {
+        var result = await JSRuntime.InvokeAsync<ApiResult>("apiAccountConfirmTenant", tenantId);
+
+        if (result.Success)
+        {
+            Snackbar.Add("Tenant workspace loaded successfully.", Severity.Success);
+            Navigation.NavigateTo("/home", forceLoad: true);
+        }
+        else
+        {
+            Snackbar.Add("Failed to assign tenant workspace.", Severity.Error);
+        }
+    }
+
+    public class TenantDto { public string TenantId { get; set; } = ""; public string TenantName { get; set; } = ""; public string? Description { get; set; } }
+    public class ApiResult { public bool Success { get; set; } }
+}
+
+<script>
+    window.apiAccountFetchMyTenants = async () => {
+        try {
+            const response = await fetch('/api/account/my-tenants', {
+                method: 'GET',
+                credentials: 'include'
+            });
+            if (response.status === 200) {
+                return await response.json();
+            }
+            return [];
+        } catch (error) {
+            return [];
+        }
+    };
+
+    window.apiAccountConfirmTenant = async (tenantId) => {
+        try {
+            const response = await fetch('/api/account/confirm-tenant', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ tenantId }),
+                credentials: 'include'
+            });
+            return await response.json();
+        } catch (error) {
+            return { success: false };
+        }
+    };
+</script>

Features/Account/TenantSelection/Cqrs/TenantSelectionHandler.cs

@@ -0,0 +1,67 @@
+using Indotalent.Data.Entities;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Account.TenantSelection.Cqrs;
+
+public record GetTenantsQuery(string UserId) : IRequest<List<TenantLookupDto>>;
+
+public class TenantLookupDto
+{
+    public string TenantId { get; set; } = string.Empty;
+    public string TenantName { get; set; } = string.Empty;
+    public string? Description { get; set; }
+}
+
+public class GetTenantsHandler : IRequestHandler<GetTenantsQuery, List<TenantLookupDto>>
+{
+    private readonly AppDbContext _context;
+
+    public GetTenantsHandler(AppDbContext context)
+    {
+        _context = context;
+    }
+
+    public async Task<List<TenantLookupDto>> Handle(GetTenantsQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Set<TenantUser>()
+            .IgnoreQueryFilters()
+            .Where(tu => tu.UserId == request.UserId && tu.IsActive)
+            .Select(tu => new TenantLookupDto
+            {
+                TenantId = tu.TenantId ?? string.Empty,
+                TenantName = tu.Tenant != null ? (tu.Tenant.Name ?? "Unknown") : "Unknown",
+                Description = tu.Tenant != null ? (tu.Tenant.Description ?? "") : ""
+            })
+            .ToListAsync(cancellationToken);
+    }
+}
+
+public record ConfirmTenantRequest(string TenantId);
+public record ConfirmTenantResponse(bool Success, string Message);
+public record ConfirmTenantCommand(string UserId, ConfirmTenantRequest Data) : IRequest<ConfirmTenantResponse>;
+
+public class ConfirmTenantHandler : IRequestHandler<ConfirmTenantCommand, ConfirmTenantResponse>
+{
+    private readonly AppDbContext _context;
+
+    public ConfirmTenantHandler(AppDbContext context)
+    {
+        _context = context;
+    }
+
+    public async Task<ConfirmTenantResponse> Handle(ConfirmTenantCommand request, CancellationToken cancellationToken)
+    {
+        var hasAccess = await _context.Set<TenantUser>()
+            .IgnoreQueryFilters()
+            .AnyAsync(tu => tu.UserId == request.UserId && tu.TenantId == request.Data.TenantId && tu.IsActive, cancellationToken);
+
+        if (!hasAccess)
+        {
+            return new ConfirmTenantResponse(false, "Access denied to the selected organization.");
+        }
+
+        return new ConfirmTenantResponse(true, "Tenant authorized.");
+    }
+}

Features/Account/_Imports.razor

@@ -0,0 +1,7 @@
+@using MudBlazor
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Web
+@using System.ComponentModel.DataAnnotations
+
+@inject NavigationManager Navigation
+@inject ISnackbar Snackbar

Features/AppSettings/Json/JsonPage.razor

@@ -0,0 +1,259 @@
+@page "/appsettings/json"
+@using Indotalent.Infrastructure.Authentication.Firebase
+@using Indotalent.Infrastructure.Authentication.Keycloak
+@using Microsoft.AspNetCore.Authorization
+@using Indotalent.Infrastructure.Authorization.Identity
+@attribute [Authorize(Roles = ApplicationRoles.Admin)]
+@using Indotalent.Infrastructure.Authentication.Identity
+@using Indotalent.Infrastructure.Database
+@using Indotalent.Infrastructure.BackgroundJob
+@using Indotalent.Infrastructure.Email
+@using Indotalent.Infrastructure.File
+@using Indotalent.Infrastructure.Logging
+@using Indotalent.Infrastructure.Authentication
+@using MudBlazor
+@using System.Reflection
+@inject IdentityService IdentitySvc
+@inject DatabaseService DbSvc
+@inject BackgroundJobService JobSvc
+@inject EmailService EmailSvc
+@inject FileStorageService StorageSvc
+@inject LoggingService LogSvc
+@inject FirebaseService FirebaseSvc
+@inject KeycloakService KeycloakSvc
+
+<style>
+    .clean-white-tabs .mud-tabs-toolbar {
+        background-color: white !important;
+        border-bottom: 2px solid #DCEBFA;
+        border-radius: 0px !important;
+    }
+
+    .clean-white-tabs .mud-tab {
+        color: #94a3b8 !important;
+        text-transform: none;
+        font-weight: 500;
+        min-width: 140px;
+        border-radius: 0px !important;
+    }
+
+    .clean-white-tabs .mud-tab-active {
+        color: var(--mud-palette-primary) !important;
+        font-weight: 800;
+    }
+
+    .clean-white-tabs .mud-tabs-slider {
+        background-color: var(--mud-palette-primary) !important;
+        height: 3px !important;
+        bottom: 0;
+    }
+
+    .soltemp-info-card {
+        border: 1px solid #DCEBFA !important;
+        border-radius: 0px !important;
+        background-color: #ffffff;
+        margin-bottom: 24px;
+    }
+
+    .soltemp-info-header {
+        padding: 12px 16px !important;
+        background-color: #F0F7FF;
+        border-bottom: 1px solid #DCEBFA;
+    }
+
+    .soltemp-row-compact {
+        display: flex;
+        padding: 10px 16px;
+        align-items: center;
+        border-bottom: 1px solid #F0F7FF;
+    }
+
+    .soltemp-label-text {
+        width: 30%;
+        font-weight: 800;
+        color: #1a1a1a;
+        font-size: 0.75rem;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+
+    .soltemp-value-text {
+        width: 70%;
+        color: #4A5D75;
+        font-size: 0.85rem;
+        font-weight: 500;
+        font-family: 'Consolas', monospace;
+        word-break: break-all;
+    }
+
+    .status-chip {
+        font-weight: 900;
+        font-size: 10px;
+        border-radius: 0px !important;
+    }
+</style>
+
+<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
+    <div class="clean-white-tabs">
+        <MudTabs Elevation="0" TabPanelsClass="pt-4" Rounded="false" ApplyEffectsToContainer="true">
+
+            <MudTabPanel Text="Identity" Icon="@Icons.Material.Outlined.AdminPanelSettings">
+                @RenderIdentityProperties(IdentitySvc.GetConfiguration(), "Security & Identity")
+            </MudTabPanel>
+
+            <MudTabPanel Text="Database" Icon="@Icons.Material.Outlined.Storage">
+                @RenderObjectProperties(DbSvc.GetConfiguration(), "Database Engine")
+            </MudTabPanel>
+
+            <MudTabPanel Text="Jobs" Icon="@Icons.Material.Outlined.Schedule">
+                @RenderObjectProperties(JobSvc.GetConfiguration(), "Background Job Services")
+            </MudTabPanel>
+
+            <MudTabPanel Text="Email" Icon="@Icons.Material.Outlined.Email">
+                @RenderObjectProperties(EmailSvc.GetConfiguration(), "Email Providers")
+            </MudTabPanel>
+
+            <MudTabPanel Text="Storage" Icon="@Icons.Material.Outlined.CloudUpload">
+                @RenderObjectProperties(StorageSvc.GetConfiguration(), "File Storage Systems")
+            </MudTabPanel>
+
+            <MudTabPanel Text="Logging" Icon="@Icons.Material.Outlined.ListAlt">
+                @RenderObjectProperties(LogSvc.GetConfiguration(), "Diagnostic Logging")
+            </MudTabPanel>
+
+        </MudTabs>
+    </div>
+</MudContainer>
+
+@code {
+    private RenderFragment RenderIdentityProperties(IdentitySettingsModel settings, string sectionTitle)
+    {
+        return __builder =>
+        {
+            <MudPaper Elevation="0" Square="true" Class="pa-6 mb-6 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+                <div>
+                    <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@sectionTitle</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #64748b;">Security Policy & Default Credentials</MudText>
+                </div>
+                <div class="d-flex align-center gap-2">
+                    <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+                    <MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
+                    <MudText Typo="Typo.caption" Style="color: #94a3b8;">System</MudText>
+                    <MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
+                    <MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">@sectionTitle</MudText>
+                </div>
+            </MudPaper>
+
+            if (settings != null)
+            {
+                @RenderSectionCard("Password Policy", settings.Password)
+                @RenderSectionCard("Cookie Settings", settings.Cookies)
+                @RenderSectionCard("Default Admin", settings.DefaultAdmin)
+                @RenderSectionCard("SignIn Policy", settings.SignIn)
+                @RenderSectionCard("SSO Firebase", settings.SsoFirebase)
+                @RenderSectionCard("SSO Keycloak", settings.SsoKeycloak)
+            }
+        };
+    }
+
+    private RenderFragment RenderSectionCard(string title, object sectionValue)
+    {
+        return __builder =>
+        {
+            if (sectionValue == null) return;
+
+            <MudCard Elevation="0" Class="soltemp-info-card">
+                <div class="soltemp-info-header d-flex align-center justify-space-between">
+                    <MudText Typo="Typo.body1" Style="font-weight: 900; color: #1a1a1a;">@title</MudText>
+                    <MudChip T="string" Color="Color.Primary" Size="Size.Small" Variant="Variant.Filled" Class="status-chip">CONFIGURED</MudChip>
+                </div>
+                <MudCardContent Style="padding: 0;">
+                    @{
+                        var props = sectionValue.GetType().GetProperties();
+                        int i = 0;
+                    }
+                    @foreach (var p in props)
+                    {
+                        var val = p.GetValue(sectionValue);
+                        <div class="soltemp-row-compact" style="background-color: @(i++ % 2 == 0 ? "#ffffff" : "#F9FCFF");">
+                            <div class="soltemp-label-text">@p.Name</div>
+                            <div class="soltemp-value-text">
+                                @(MaskIfSensitive(p.Name, val?.ToString()))
+                            </div>
+                        </div>
+                    }
+                </MudCardContent>
+            </MudCard>
+        };
+    }
+
+    private RenderFragment RenderObjectProperties(object settingsObj, string sectionTitle)
+    {
+        return __builder =>
+        {
+            <MudPaper Elevation="0" Square="true" Class="pa-6 mb-6 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+                <div>
+                    <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@sectionTitle</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #64748b;">Configuration discovery (Full Inspection Mode)</MudText>
+                </div>
+                <div class="d-flex align-center gap-2">
+                    <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+                    <MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
+                    <MudText Typo="Typo.caption" Style="color: #94a3b8;">System</MudText>
+                    <MudText Typo="Typo.caption" Style="color: #94a3b8;">/</MudText>
+                    <MudText Typo="Typo.caption" Style="font-weight: 600; color: #1a1a1a;">@sectionTitle</MudText>
+                </div>
+            </MudPaper>
+
+            if (settingsObj != null)
+            {
+                var providers = settingsObj.GetType().GetProperties();
+                foreach (var provider in providers)
+                {
+                    var providerValue = provider.GetValue(settingsObj);
+                    if (providerValue == null) continue;
+
+                    <MudCard Elevation="0" Class="soltemp-info-card">
+                        <div class="soltemp-info-header d-flex align-center justify-space-between">
+                            <MudText Typo="Typo.body1" Style="font-weight: 900; color: #1a1a1a;">@provider.Name</MudText>
+                            @{
+                                var isUsedProp = providerValue.GetType().GetProperty("IsUsed");
+                                bool isUsed = (bool)(isUsedProp?.GetValue(providerValue) ?? false);
+                            }
+                            <MudChip T="string" Color="@(isUsed? Color.Success: Color.Default)" Size="Size.Small" Variant="Variant.Filled" Class="status-chip">
+                                @(isUsed ? "ACTIVE" : "DISABLED")
+                            </MudChip>
+                        </div>
+                        <MudCardContent Style="padding: 0;">
+                            @{
+                                var props = providerValue.GetType().GetProperties();
+                                int i = 0;
+                            }
+                            @foreach (var p in props)
+                            {
+                                if (p.Name == "IsUsed") continue;
+                                <div class="soltemp-row-compact" style="background-color: @(i++ % 2 == 0 ? "#ffffff" : "#F9FCFF");">
+                                    <div class="soltemp-label-text">@p.Name</div>
+                                    <div class="soltemp-value-text">
+                                        @(MaskIfSensitive(p.Name, p.GetValue(providerValue)?.ToString()))
+                                    </div>
+                                </div>
+                            }
+                        </MudCardContent>
+                    </MudCard>
+                }
+            }
+        };
+    }
+
+    private string MaskIfSensitive(string propertyName, string value)
+    {
+        if (string.IsNullOrEmpty(value)) return "-";
+        var sensitiveKeys = new[] { "Password", "Secret", "Key", "Token", "ApiKey" };
+        if (sensitiveKeys.Any(k => propertyName.Contains(k, StringComparison.OrdinalIgnoreCase)))
+        {
+            return "•••••••••••••••• (Encrypted)";
+        }
+        return value;
+    }
+}

Features/FeaturesDI.cs

@@ -0,0 +1,177 @@
+using Indotalent.Features.Inventory.MovementReport;
+using Indotalent.Features.Inventory.NegativeAdjustment;
+using Indotalent.Features.Inventory.PositiveAdjustment;
+using Indotalent.Features.Inventory.Product;
+using Indotalent.Features.Inventory.ProductGroup;
+using Indotalent.Features.Inventory.Scrapping;
+using Indotalent.Features.Inventory.StockCount;
+using Indotalent.Features.Inventory.StockReport;
+using Indotalent.Features.Inventory.TransactionReport;
+using Indotalent.Features.Inventory.TransferIn;
+using Indotalent.Features.Inventory.TransferOut;
+using Indotalent.Features.Inventory.UnitMeasure;
+using Indotalent.Features.Inventory.Warehouse;
+using Indotalent.Features.Multitenant;
+using Indotalent.Features.Multitenant.Tenant;
+using Indotalent.Features.Multitenant.TenantUser;
+using Indotalent.Features.Pipeline.Budget;
+using Indotalent.Features.Pipeline.Campaign;
+using Indotalent.Features.Pipeline.Expense;
+using Indotalent.Features.Pipeline.Lead;
+using Indotalent.Features.Pipeline.LeadActivity;
+using Indotalent.Features.Pipeline.LeadContact;
+using Indotalent.Features.Pipeline.SalesRepresentative;
+using Indotalent.Features.Pipeline.SalesTeam;
+using Indotalent.Features.Profile.Avatar;
+using Indotalent.Features.Profile.Password;
+using Indotalent.Features.Profile.PersonalInformation;
+using Indotalent.Features.Purchase.Bill;
+using Indotalent.Features.Purchase.BillReport;
+using Indotalent.Features.Purchase.DebitNote;
+using Indotalent.Features.Purchase.GoodsReceive;
+using Indotalent.Features.Purchase.PaymentDisburse;
+using Indotalent.Features.Purchase.PaymentDisburseReport;
+using Indotalent.Features.Purchase.PurchaseOrder;
+using Indotalent.Features.Purchase.PurchaseReport;
+using Indotalent.Features.Purchase.PurchaseRequisition;
+using Indotalent.Features.Purchase.PurchaseReturn;
+using Indotalent.Features.Purchase.PurchaseReturnReport;
+using Indotalent.Features.Purchase.ReceiveReport;
+using Indotalent.Features.Root.Home;
+using Indotalent.Features.Sales.CreditNote;
+using Indotalent.Features.Sales.DeliveryOrder;
+using Indotalent.Features.Sales.DeliveryReport;
+using Indotalent.Features.Sales.Invoice;
+using Indotalent.Features.Sales.InvoiceReport;
+using Indotalent.Features.Sales.PaymentReceive;
+using Indotalent.Features.Sales.PaymentReceiveReport;
+using Indotalent.Features.Sales.SalesOrder;
+using Indotalent.Features.Sales.SalesQuotation;
+using Indotalent.Features.Sales.SalesReport;
+using Indotalent.Features.Sales.SalesReturn;
+using Indotalent.Features.Sales.SalesReturnReport;
+using Indotalent.Features.Serilogs;
+using Indotalent.Features.Setting.AutoNumberSequence;
+using Indotalent.Features.Setting.Company;
+using Indotalent.Features.Setting.Currency;
+using Indotalent.Features.Setting.SystemUser;
+using Indotalent.Features.Setting.Tax;
+using Indotalent.Features.Thirdparty.Customer;
+using Indotalent.Features.Thirdparty.CustomerCategory;
+using Indotalent.Features.Thirdparty.CustomerContact;
+using Indotalent.Features.Thirdparty.CustomerGroup;
+using Indotalent.Features.Thirdparty.Vendor;
+using Indotalent.Features.Thirdparty.VendorCategory;
+using Indotalent.Features.Thirdparty.VendorContact;
+using Indotalent.Features.Thirdparty.VendorGroup;
+using Indotalent.Features.Utilities.BookingGroup;
+using Indotalent.Features.Utilities.BookingManager;
+using Indotalent.Features.Utilities.BookingResource;
+using Indotalent.Features.Utilities.BookingScheduler;
+using Indotalent.Features.Utilities.ProgramManager;
+using Indotalent.Features.Utilities.ProgramResource;
+using Indotalent.Features.Utilities.Todo;
+
+namespace Indotalent.Features;
+
+public static class FeaturesDI
+{
+    public static IServiceCollection AddFeaturesDI(this IServiceCollection services)
+    {
+        //Setting
+        services.AddScoped<SerilogsService>();
+        services.AddScoped<CurrencyService>();
+        services.AddScoped<AutoNumberSequenceService>();
+        services.AddScoped<SystemUserService>();
+        services.AddScoped<CompanyService>();
+        services.AddScoped<TaxService>();
+
+        //profile
+        services.AddScoped<PersonalInformationService>();
+        services.AddScoped<PasswordService>();
+        services.AddScoped<AvatarService>();
+
+
+        //root
+        services.AddScoped<HomeService>();
+
+        //inventory
+        services.AddScoped<UnitMeasureService>();
+        services.AddScoped<ProductGroupService>();
+        services.AddScoped<WarehouseService>();
+        services.AddScoped<ProductService>();
+        services.AddScoped<TransferOutService>();
+        services.AddScoped<TransferInService>();
+        services.AddScoped<PositiveAdjustmentService>();
+        services.AddScoped<NegativeAdjustmentService>();
+        services.AddScoped<StockCountService>();
+        services.AddScoped<ScrappingService>();
+        services.AddScoped<TransactionReportService>();
+        services.AddScoped<StockReportService>();
+        services.AddScoped<MovementReportService>();
+
+        //thridparty
+        services.AddScoped<CustomerGroupService>();
+        services.AddScoped<CustomerCategoryService>();
+        services.AddScoped<CustomerService>();
+        services.AddScoped<CustomerContactService>();
+        services.AddScoped<VendorCategoryService>();
+        services.AddScoped<VendorGroupService>();
+        services.AddScoped<VendorService>();
+        services.AddScoped<VendorContactService>();
+
+        //pipeline
+        services.AddScoped<SalesTeamService>();
+        services.AddScoped<SalesRepresentativeService>();
+        services.AddScoped<CampaignService>();
+        services.AddScoped<BudgetService>();
+        services.AddScoped<ExpenseService>();
+        services.AddScoped<LeadService>();
+        services.AddScoped<LeadContactService>();
+        services.AddScoped<LeadActivityService>();
+
+        //utilities
+        services.AddScoped<TodoService>();
+        services.AddScoped<BookingGroupService>();
+        services.AddScoped<BookingResourceService>();
+        services.AddScoped<BookingManagerService>();
+        services.AddScoped<BookingSchedulerService>();
+        services.AddScoped<ProgramResourceService>();
+        services.AddScoped<ProgramManagerService>();
+
+        //purchase
+        services.AddScoped<PurchaseRequisitionService>();
+        services.AddScoped<PurchaseOrderService>();
+        services.AddScoped<GoodsReceiveService>();
+        services.AddScoped<PurchaseReturnService>();
+        services.AddScoped<PurchaseReportService>();
+        services.AddScoped<ReceiveReportService>();
+        services.AddScoped<PurchaseReturnReportService>();
+        services.AddScoped<BillReportService>();
+        services.AddScoped<PaymentDisburseReportService>();
+        services.AddScoped<BillService>();
+        services.AddScoped<DebitNoteService>();
+        services.AddScoped<PaymentDisburseService>();
+
+        //sales
+        services.AddScoped<SalesQuotationService>();
+        services.AddScoped<SalesOrderService>();
+        services.AddScoped<DeliveryOrderService>();
+        services.AddScoped<SalesReturnService>();
+        services.AddScoped<SalesReportService>();
+        services.AddScoped<DeliveryReportService>();
+        services.AddScoped<SalesReturnReportService>();
+        services.AddScoped<InvoiceReportService>();
+        services.AddScoped<PaymentReceiveReportService>();
+        services.AddScoped<InvoiceService>();
+        services.AddScoped<CreditNoteService>();
+        services.AddScoped<PaymentReceiveService>();
+
+
+        //multitenant
+        services.AddScoped<TenantService>();
+        services.AddScoped<TenantUserService>();
+
+        return services;
+    }
+}

Features/FeaturesEndpointMap.cs

@@ -0,0 +1,175 @@
+using Indotalent.Features.Inventory.MovementReport;
+using Indotalent.Features.Inventory.NegativeAdjustment;
+using Indotalent.Features.Inventory.PositiveAdjustment;
+using Indotalent.Features.Inventory.Product;
+using Indotalent.Features.Inventory.ProductGroup;
+using Indotalent.Features.Inventory.Scrapping;
+using Indotalent.Features.Inventory.StockCount;
+using Indotalent.Features.Inventory.StockReport;
+using Indotalent.Features.Inventory.TransactionReport;
+using Indotalent.Features.Inventory.TransferIn;
+using Indotalent.Features.Inventory.TransferOut;
+using Indotalent.Features.Inventory.UnitMeasure;
+using Indotalent.Features.Inventory.Warehouse;
+using Indotalent.Features.Multitenant;
+using Indotalent.Features.Multitenant.Tenant;
+using Indotalent.Features.Multitenant.TenantUser;
+using Indotalent.Features.Pipeline.Budget;
+using Indotalent.Features.Pipeline.Campaign;
+using Indotalent.Features.Pipeline.Expense;
+using Indotalent.Features.Pipeline.Lead;
+using Indotalent.Features.Pipeline.LeadActivity;
+using Indotalent.Features.Pipeline.LeadContact;
+using Indotalent.Features.Pipeline.SalesRepresentative;
+using Indotalent.Features.Pipeline.SalesTeam;
+using Indotalent.Features.Profile.Avatar;
+using Indotalent.Features.Profile.Password;
+using Indotalent.Features.Profile.PersonalInformation;
+using Indotalent.Features.Purchase.Bill;
+using Indotalent.Features.Purchase.BillReport;
+using Indotalent.Features.Purchase.DebitNote;
+using Indotalent.Features.Purchase.GoodsReceive;
+using Indotalent.Features.Purchase.PaymentDisburse;
+using Indotalent.Features.Purchase.PaymentDisburseReport;
+using Indotalent.Features.Purchase.PurchaseOrder;
+using Indotalent.Features.Purchase.PurchaseReport;
+using Indotalent.Features.Purchase.PurchaseRequisition;
+using Indotalent.Features.Purchase.PurchaseReturn;
+using Indotalent.Features.Purchase.PurchaseReturnReport;
+using Indotalent.Features.Purchase.ReceiveReport;
+using Indotalent.Features.Root.Home;
+using Indotalent.Features.Sales.CreditNote;
+using Indotalent.Features.Sales.DeliveryOrder;
+using Indotalent.Features.Sales.DeliveryReport;
+using Indotalent.Features.Sales.Invoice;
+using Indotalent.Features.Sales.InvoiceReport;
+using Indotalent.Features.Sales.PaymentReceive;
+using Indotalent.Features.Sales.PaymentReceiveReport;
+using Indotalent.Features.Sales.SalesOrder;
+using Indotalent.Features.Sales.SalesQuotation;
+using Indotalent.Features.Sales.SalesReport;
+using Indotalent.Features.Sales.SalesReturn;
+using Indotalent.Features.Sales.SalesReturnReport;
+using Indotalent.Features.Serilogs;
+using Indotalent.Features.Setting.AutoNumberSequence;
+using Indotalent.Features.Setting.Company;
+using Indotalent.Features.Setting.Currency;
+using Indotalent.Features.Setting.SystemUser;
+using Indotalent.Features.Setting.Tax;
+using Indotalent.Features.Thirdparty.Customer;
+using Indotalent.Features.Thirdparty.CustomerCategory;
+using Indotalent.Features.Thirdparty.CustomerContact;
+using Indotalent.Features.Thirdparty.CustomerGroup;
+using Indotalent.Features.Thirdparty.Vendor;
+using Indotalent.Features.Thirdparty.VendorCategory;
+using Indotalent.Features.Thirdparty.VendorContact;
+using Indotalent.Features.Thirdparty.VendorGroup;
+using Indotalent.Features.Utilities.BookingGroup;
+using Indotalent.Features.Utilities.BookingManager;
+using Indotalent.Features.Utilities.BookingResource;
+using Indotalent.Features.Utilities.BookingScheduler;
+using Indotalent.Features.Utilities.ProgramManager;
+using Indotalent.Features.Utilities.ProgramResource;
+using Indotalent.Features.Utilities.Todo;
+
+namespace Indotalent.Features;
+
+public static class FeaturesEndpointMap
+{
+    public static IEndpointRouteBuilder MapFeaturesEndpoint(this IEndpointRouteBuilder app)
+    {
+        //setting
+        app.MapSerilogsEndpoints();
+        app.MapCurrencyEndpoints();
+        app.MapAutoNumberSequenceEndpoints();
+        app.MapSystemUserEndpoints();
+        app.MapCompanyEndpoints();
+        app.MapTaxEndpoints();
+
+        //profile
+        app.MapPersonalInformationEndpoints();
+        app.MapPasswordEndpoints();
+        app.MapAvatarEndpoints();
+
+        //root
+        app.MapHomeEndpoints();
+
+        //inventory
+        app.MapUnitMeasureEndpoints();
+        app.MapProductGroupEndpoints();
+        app.MapWarehouseEndpoints();
+        app.MapProductEndpoints();
+        app.MapTransferOutEndpoints();  
+        app.MapTransferInEndpoints();
+        app.MapPositiveAdjustmentEndpoints();
+        app.MapNegativeAdjustmentEndpoints();
+        app.MapStockCountEndpoints();   
+        app.MapScrappingEndpoints();
+        app.MapTransactionReportEndpoints();
+        app.MapStockReportEndpoints();
+        app.MapMovementReportEndpoints();
+
+        //thirdparty
+        app.MapCustomerGroupEndpoints();
+        app.MapCustomerCategoryEndpoints();
+        app.MapCustomerEndpoints();
+        app.MapCustomerContactEndpoints();
+        app.MapVendorCategoryEndpoints();
+        app.MapVendorGroupEndpoints();
+        app.MapVendorEndpoints();
+        app.MapVendorContactEndpoints();
+
+        //pipeline
+        app.MapSalesTeamEndpoints();
+        app.MapSalesRepresentativeEndpoints();
+        app.MapCampaignEndpoints();
+        app.MapBudgetEndpoints();
+        app.MapExpenseEndpoints();
+        app.MapLeadEndpoints();
+        app.MapLeadContactEndpoints();
+        app.MapLeadActivityEndpoints();
+
+        //utilities
+        app.MapTodoEndpoints();
+        app.MapBookingGroupEndpoints();
+        app.MapBookingResourceEndpoints();
+        app.MapBookingManagerEndpoints();
+        app.MapBookingSchedulerEndpoints();
+        app.MapProgramResourceEndpoints();
+        app.MapProgramManagerEndpoints();
+
+        //purchase
+        app.MapPurchaseRequisitionEndpoints();
+        app.MapPurchaseOrderEndpoints();
+        app.MapGoodsReceiveEndpoints();
+        app.MapPurchaseReturnEndpoints();
+        app.MapPurchaseReportEndpoints();
+        app.MapReceiveReportEndpoints();
+        app.MapPurchaseReturnReportEndpoints();
+        app.MapBillReportEndpoints();
+        app.MapPaymentDisburseReportEndpoints();
+        app.MapBillEndpoints();
+        app.MapDebitNoteEndpoints();
+        app.MapPaymentDisburseEndpoints();
+
+        //sales
+        app.MapSalesQuotationEndpoints();
+        app.MapSalesOrderEndpoints();
+        app.MapDeliveryOrderEndpoints();
+        app.MapSalesReturnEndpoints();
+        app.MapSalesReportEndpoints();
+        app.MapDeliveryReportEndpoints();
+        app.MapSalesReturnReportEndpoints();
+        app.MapInvoiceReportEndpoints();
+        app.MapPaymentReceiveReportEndpoints();
+        app.MapInvoiceEndpoints();
+        app.MapCreditNoteEndpoints();
+        app.MapPaymentReceiveEndpoints();
+
+        //multitenant
+        app.MapTenantEndpoints();
+        app.MapTenantUserEndpoints();
+
+        return app;
+    }
+}

Features/Inventory/InventoryPage.razor

@@ -0,0 +1,154 @@
+@page "/inventory"
+@using Indotalent.Features.Inventory.MovementReport.Components
+@using Indotalent.Features.Inventory.NegativeAdjustment.Components
+@using Indotalent.Features.Inventory.PositiveAdjustment.Components
+@using Indotalent.Features.Inventory.Product.Components
+@using Indotalent.Features.Inventory.ProductGroup.Components
+@using Indotalent.Features.Inventory.Scrapping.Components
+@using Indotalent.Features.Inventory.StockCount.Components
+@using Indotalent.Features.Inventory.StockReport.Components
+@using Indotalent.Features.Inventory.TransactionReport.Components
+@using Indotalent.Features.Inventory.TransferIn.Components
+@using Indotalent.Features.Inventory.TransferOut.Components
+@using Indotalent.Features.Inventory.UnitMeasure.Components
+@using Indotalent.Features.Inventory.Warehouse.Components
+@using Microsoft.AspNetCore.Authorization
+@using Indotalent.Infrastructure.Authorization.Identity
+@using MudBlazor
+@inject NavigationManager NavigationManager
+
+
+@attribute [Authorize(Roles = $"{ApplicationRoles.Admin},{ApplicationRoles.Member}")]
+
+<style>
+    .clean-white-tabs .mud-tabs-toolbar {
+        background-color: white !important;
+        border-bottom: 2px solid #DCEBFA;
+        border-radius: 0px !important;
+    }
+
+    .clean-white-tabs .mud-tab {
+        color: #94a3b8 !important;
+        text-transform: none;
+        font-weight: 500;
+        min-width: 120px;
+        border-radius: 0px !important;
+    }
+
+    .clean-white-tabs .mud-tab-active {
+        color: var(--mud-palette-primary) !important;
+        font-weight: 800;
+    }
+
+    .clean-white-tabs .mud-tabs-slider {
+        background-color: var(--mud-palette-primary) !important;
+        height: 3px !important;
+        bottom: 0;
+    }
+</style>
+
+<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
+    <div class="clean-white-tabs">
+        <MudTabs Elevation="0"
+                 ActivePanelIndex="@_activeTabIndex"
+                 ActivePanelIndexChanged="OnTabChanged"
+                 ApplyEffectsToContainer="true"
+                 TabPanelsClass="pt-4"
+                 ScrollButtons="ScrollButtons.Always">
+
+            <MudTabPanel Text="Unit Measure" Icon="@Icons.Material.Outlined.Straighten">
+                <UnitMeasurePage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Product Group" Icon="@Icons.Material.Outlined.Category">
+                <ProductGroupPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Product" Icon="@Icons.Material.Outlined.Inventory2">
+                <ProductPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Warehouse" Icon="@Icons.Material.Outlined.Warehouse">
+                <WarehousePage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Transfer Out" Icon="@Icons.Material.Outlined.FileUpload">
+                <TransferOutPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Transfer In" Icon="@Icons.Material.Outlined.FileDownload">
+                <TransferInPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Pos Adjustment" Icon="@Icons.Material.Outlined.AddCircleOutline">
+                <PositiveAdjustmentPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Neg Adjustment" Icon="@Icons.Material.Outlined.RemoveCircleOutline">
+                <NegativeAdjustmentPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Scrapping" Icon="@Icons.Material.Outlined.DeleteSweep">
+                <ScrappingPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Stock Count" Icon="@Icons.Material.Outlined.FactCheck">
+                <StockCountPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Trans Report" Icon="@Icons.Material.Outlined.Assessment">
+                <TransactionReportPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Stock Report" Icon="@Icons.Material.Outlined.Summarize">
+                <StockReportPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Movement" Icon="@Icons.Material.Outlined.Route">
+                <MovementReportPage />
+            </MudTabPanel>
+
+        </MudTabs>
+    </div>
+</MudContainer>
+
+@code {
+    private int _activeTabIndex = 0;
+
+    private readonly Dictionary<int, string> _tabMapping = new()
+    {
+        { 0, "unit-measure" },
+        { 1, "product-group" },
+        { 2, "product" },
+        { 3, "warehouse" },
+        { 4, "transfer-out" },
+        { 5, "transfer-in" },
+        { 6, "pos-adj" },
+        { 7, "neg-adj" },
+        { 8, "scrapping" },
+        { 9, "stock-count" },
+        { 10, "report-trans" },
+        { 11, "report-stock" },
+        { 12, "report-movement" }
+    };
+
+    protected override void OnInitialized()
+    {
+        var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
+        if (Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query).TryGetValue("tab", out var tabValue))
+        {
+            var tabStr = tabValue.ToString().ToLower();
+            var match = _tabMapping.FirstOrDefault(x => x.Value == tabStr);
+            
+            _activeTabIndex = match.Value != null ? match.Key : 0;
+        }
+    }
+
+    private void OnTabChanged(int index)
+    {
+        _activeTabIndex = index;
+        _tabMapping.TryGetValue(index, out var tabName);
+        
+        NavigationManager.NavigateTo($"/inventory?tab={tabName ?? "unit-measure"}", replace: false);
+    }
+}

Features/Inventory/MovementReport/Components/MovementReportPage.razor

@@ -0,0 +1,8 @@
+@page "/inventory/movement-report"
+@using Indotalent.Features.Inventory.MovementReport.Components
+@using MudBlazor
+
+<_MovementReportDataTable />
+
+@code {
+}

Features/Inventory/MovementReport/Components/_MovementReportDataTable.razor

@@ -0,0 +1,307 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.MovementReport
+@using Indotalent.Features.Inventory.MovementReport.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject MovementReportService MovementReportService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Inventory Movement Report</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Pivot analysis of stock movements by transaction types.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Movement Report</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search Product or Warehouse..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Success"
+                       OnClick="ExportToExcel"
+                       Size="Size.Small"
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Primary"
+                       OnClick="LoadData"
+                       Size="Size.Small"
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
+                       Disabled="_isRefreshing"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+        </div>
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetInventoryMovementReportListDto" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">Warehouse</MudTh>
+            <MudTh Style="font-weight: 600; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">Product</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">ADJ+</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">ADJ-</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">COUNT</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">DO</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">GR</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">PRN</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">SCRP</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">SRN</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">TO-IN</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;">TO-OUT</MudTh>
+            <MudTh Style="font-weight: 600; text-align: right; background-color: #E3F2FD; border-bottom: 2px solid #3B82F6; letter-spacing: 0.05em;">TOTAL</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>@context.WarehouseName</MudTd>
+            <MudTd>
+                <MudText Typo="Typo.body2" Style="font-weight: 500;">@context.ProductNumber</MudText>
+                <MudText Typo="Typo.caption">@context.ProductName</MudText>
+            </MudTd>
+            <MudTd Style="text-align: right;">@context.AdjPlus.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.AdjMinus.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.Count.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.Do.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.Gr.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.Prn.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right; color: #d32f2f;">@context.Scrp.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.Srn.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.ToIn.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right;">@context.ToOut.ToString("N2")</MudTd>
+            <MudTd Style="text-align: right; font-weight: 600; background-color: #ffffff;">@context.GrandTotal.ToString("N2")</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500;">Rows per page:</MudText>
+            <MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Prev</MudButton>
+            @{
+                var totalPages = _totalPage == 0 ? 1 : _totalPage;
+                var maxVisible = 5;
+                var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+                var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+                if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+            }
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                var pageNum = i;
+                var isActive = pageNum == _currentPage;
+                <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+                           Variant="Variant.Text" Size="Size.Small"
+                           Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+            }
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    private List<GetInventoryMovementReportListDto> _items = new();
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 50;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        StateHasChanged();
+        try
+        {
+            var response = await MovementReportService.GetInventoryMovementReportListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _items = response.Value ?? new();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetInventoryMovementReportListDto> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _items;
+        return _items.Where(x =>
+            (x.WarehouseName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.ProductName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.ProductNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetInventoryMovementReportListDto> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("MovementReports");
+                var currentRow = 1;
+
+                string[] headers = { "Warehouse", "Number", "Product", "ADJ+", "ADJ-", "COUNT", "DO", "GR", "PRN", "SCRP", "SRN", "TO-IN", "TO-OUT", "GRAND TOTAL" };
+                for (int i = 0; i < headers.Length; i++)
+                {
+                    worksheet.Cell(currentRow, i + 1).Value = headers[i];
+                }
+
+                var headerRange = worksheet.Range(1, 1, 1, headers.Length);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.WarehouseName;
+                    worksheet.Cell(currentRow, 2).Value = item.ProductNumber;
+                    worksheet.Cell(currentRow, 3).Value = item.ProductName;
+                    worksheet.Cell(currentRow, 4).Value = item.AdjPlus;
+                    worksheet.Cell(currentRow, 5).Value = item.AdjMinus;
+                    worksheet.Cell(currentRow, 6).Value = item.Count;
+                    worksheet.Cell(currentRow, 7).Value = item.Do;
+                    worksheet.Cell(currentRow, 8).Value = item.Gr;
+                    worksheet.Cell(currentRow, 9).Value = item.Prn;
+                    worksheet.Cell(currentRow, 10).Value = item.Scrp;
+                    worksheet.Cell(currentRow, 11).Value = item.Srn;
+                    worksheet.Cell(currentRow, 12).Value = item.ToIn;
+                    worksheet.Cell(currentRow, 13).Value = item.ToOut;
+                    worksheet.Cell(currentRow, 14).Value = item.GrandTotal;
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Movement_Report.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        StateHasChanged();
+    }
+}

Features/Inventory/MovementReport/Cqrs/GetInventoryMovementReportListHandler.cs

@@ -0,0 +1,74 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.MovementReport.Cqrs;
+
+public record GetInventoryMovementReportListDto
+{
+    public string? WarehouseName { get; init; }
+    public string? ProductNumber { get; init; }
+    public string? ProductName { get; init; }
+    public double AdjPlus { get; init; }
+    public double AdjMinus { get; init; }
+    public double Count { get; init; }
+    public double Do { get; init; }
+    public double Gr { get; init; }
+    public double Prn { get; init; }
+    public double Scrp { get; init; }
+    public double Srn { get; init; }
+    public double ToIn { get; init; }
+    public double ToOut { get; init; }
+    public double GrandTotal => AdjPlus + AdjMinus + Count + Do + Gr + Prn + Scrp + Srn + ToIn + ToOut;
+}
+
+public record GetInventoryMovementReportListQuery() : IRequest<List<GetInventoryMovementReportListDto>>;
+
+public class GetInventoryMovementReportListHandler : IRequestHandler<GetInventoryMovementReportListQuery, List<GetInventoryMovementReportListDto>>
+{
+    private readonly AppDbContext _context;
+
+    public GetInventoryMovementReportListHandler(AppDbContext context)
+    {
+        _context = context;
+    }
+
+    public async Task<List<GetInventoryMovementReportListDto>> Handle(GetInventoryMovementReportListQuery request, CancellationToken cancellationToken)
+    {
+        var transactions = await _context.InventoryTransaction
+            .AsNoTracking()
+            .Include(x => x.Warehouse)
+            .Include(x => x.Product)
+            .Where(x =>
+                x.Product!.Physical == true &&
+                x.Warehouse!.SystemWarehouse == false &&
+                x.Status == Data.Enums.InventoryTransactionStatus.Confirmed
+            )
+            .ToListAsync(cancellationToken);
+
+        var results = transactions
+            .GroupBy(x => new { x.WarehouseId, x.ProductId })
+            .Select(group => new GetInventoryMovementReportListDto
+            {
+                WarehouseName = group.Max(x => x.Warehouse?.Name),
+                ProductNumber = group.Max(x => x.Product?.AutoNumber),
+                ProductName = group.Max(x => x.Product?.Name),
+                AdjPlus = group.Where(x => x.ModuleCode == "ADJ+").Sum(x => x.Movement ?? 0),
+                AdjMinus = group.Where(x => x.ModuleCode == "ADJ-").Sum(x => x.Movement ?? 0),
+                Count = group.Where(x => x.ModuleCode == "COUNT").Sum(x => x.Movement ?? 0),
+                Do = group.Where(x => x.ModuleCode == "DO").Sum(x => x.Movement ?? 0),
+                Gr = group.Where(x => x.ModuleCode == "GR").Sum(x => x.Movement ?? 0),
+                Prn = group.Where(x => x.ModuleCode == "PRN").Sum(x => x.Movement ?? 0),
+                Scrp = group.Where(x => x.ModuleCode == "SCRP").Sum(x => x.Movement ?? 0),
+                Srn = group.Where(x => x.ModuleCode == "SRN").Sum(x => x.Movement ?? 0),
+                ToIn = group.Where(x => x.ModuleCode == "TO-IN").Sum(x => x.Movement ?? 0),
+                ToOut = group.Where(x => x.ModuleCode == "TO-OUT").Sum(x => x.Movement ?? 0)
+            })
+            .OrderBy(x => x.WarehouseName)
+            .ThenBy(x => x.ProductName)
+            .ToList();
+
+        return results;
+    }
+}

Features/Inventory/MovementReport/MovementReportEndpoint.cs

@@ -0,0 +1,23 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Inventory.MovementReport.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Inventory.MovementReport;
+
+public static class MovementReportEndpoint
+{
+    public static void MapMovementReportEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/movement-report").WithTags("MovementReports")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetInventoryMovementReportListQuery());
+            return result.ToApiResponse("Movement report list retrieved successfully");
+        })
+        .WithName("GetInventoryMovementReportList");
+    }
+}

Features/Inventory/MovementReport/MovementReportService.cs

@@ -0,0 +1,32 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Inventory.MovementReport.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Inventory.MovementReport;
+
+public class MovementReportService : BaseService
+{
+    private readonly RestClient _client;
+
+    public MovementReportService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetInventoryMovementReportListDto>>?> GetInventoryMovementReportListAsync()
+    {
+        var request = new RestRequest("api/movement-report", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetInventoryMovementReportListDto>>(_client, request);
+    }
+}

Features/Inventory/NegativeAdjustment/Components/NegativeAdjustmentPage.razor

@@ -0,0 +1,51 @@
+@page "/inventory/negative-adjustment"
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using Indotalent.Features.Inventory.NegativeAdjustment.Components
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_NegativeAdjustmentCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_NegativeAdjustmentUpdateForm Data="_selectedData!"
+                                   ReadOnly="@(_currentView == ViewMode.View)"
+                                   OnCancel="BackToTable"
+                                   OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_NegativeAdjustmentDataTable OnAdd="() => ShowCreate()"
+                                  OnEdit="(item) => ShowUpdate(item, false)"
+                                  OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateNegativeAdjustmentRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateNegativeAdjustmentRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Inventory/NegativeAdjustment/Components/_NegativeAdjustmentCreateForm.razor

@@ -0,0 +1,116 @@
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject NegativeAdjustmentService NegativeAdjustmentService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add Negative Adjustment</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Record stock reduction from specific warehouses.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
+            
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Adjustment Date</MudText>
+                <MudDatePicker @bind-Date="_model.AdjustmentDate"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.AdjustmentStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Adjustment</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateNegativeAdjustmentValidator _validator = new();
+    private CreateNegativeAdjustmentRequest _model = new() { AdjustmentDate = DateTime.Today };
+    private NegativeAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await NegativeAdjustmentService.CreateNegativeAdjustmentAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Inventory/NegativeAdjustment/Components/_NegativeAdjustmentDataTable.razor

@@ -0,0 +1,381 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.NegativeAdjustment
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject NegativeAdjustmentService NegativeAdjustmentService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Negative Adjustment</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Record stock reduction and inventory corrections.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Negative Adjustment</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Success"
+                       OnClick="ExportToExcel"
+                       Size="Size.Small"
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Primary"
+                       OnClick="LoadData"
+                       Size="Size.Small"
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
+                       Disabled="_isRefreshing"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedItem != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">Edit</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="background: white; border: 1px solid #FCA5A5; color: #EF4444; text-transform: none; font-weight: 500; border-radius: 6px;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                    Add Negative Adjustment
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetNegativeAdjustmentListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.AutoNumber!)">Number</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.AdjustmentDate!)">Adjustment Date</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.Description!)">Description</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetNegativeAdjustmentListResponse, object>(x => x.Status)">Status</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>@context.AutoNumber</MudTd>
+            <MudTd>@context.AdjustmentDate?.ToString("yyyy-MM-dd")</MudTd>
+            <MudTd>@context.Description</MudTd>
+            <MudTd>
+                <MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.Status.ToString().ToUpper()</MudChip>
+            </MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500;">Rows per page:</MudText>
+            <MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Prev</MudButton>
+            @{
+                var totalPages = _totalPage == 0 ? 1 : _totalPage;
+                var maxVisible = 5;
+                var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+                var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+                if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+            }
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                var pageNum = i;
+                var isActive = pageNum == _currentPage;
+                <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+                           Variant="Variant.Text" Size="Size.Small"
+                           Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+            }
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateNegativeAdjustmentRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateNegativeAdjustmentRequest> OnView { get; set; }
+
+    private List<GetNegativeAdjustmentListResponse> _items = new();
+    private GetNegativeAdjustmentListResponse? _selectedItem;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedItem = null;
+        StateHasChanged();
+        try
+        {
+            var response = await NegativeAdjustmentService.GetNegativeAdjustmentListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _items = response.Value ?? new();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetNegativeAdjustmentListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _items;
+        return _items.Where(x =>
+            (x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetNegativeAdjustmentListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("NegativeAdjustments");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Number";
+                worksheet.Cell(currentRow, 2).Value = "Adjustment Date";
+                worksheet.Cell(currentRow, 3).Value = "Description";
+                worksheet.Cell(currentRow, 4).Value = "Status";
+
+                var headerRange = worksheet.Range(1, 1, 1, 4);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.AutoNumber;
+                    worksheet.Cell(currentRow, 2).Value = item.AdjustmentDate?.ToString("yyyy-MM-dd");
+                    worksheet.Cell(currentRow, 3).Value = item.Description;
+                    worksheet.Cell(currentRow, 4).Value = item.Status.ToString();
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "NegativeAdjustment_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedItem = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateNegativeAdjustmentRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await NegativeAdjustmentService.GetNegativeAdjustmentByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateNegativeAdjustmentRequest
+            {
+                Id = detail.Id,
+                AdjustmentDate = detail.AdjustmentDate,
+                Status = detail.Status,
+                Description = detail.Description,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy,
+                AutoNumber = detail.AutoNumber
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedItem == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedItem.AutoNumber } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await NegativeAdjustmentService.DeleteNegativeAdjustmentByIdAsync(_selectedItem.Id!);
+            if (isSuccess)
+            {
+                _selectedItem = null;
+                await LoadData();
+                Snackbar.Add("Deleted successfully", Severity.Success);
+            }
+        }
+    }
+}

Features/Inventory/NegativeAdjustment/Components/_NegativeAdjustmentItemCreateForm.razor

@@ -0,0 +1,89 @@
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using MudBlazor
+@inject NegativeAdjustmentService NegativeAdjustmentService
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <DialogContent>
+        <MudForm @ref="_form" Model="_model">
+            <MudGrid Spacing="2">
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
+                    <MudSelect T="string" @bind-Value="_model.ProductId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Products)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
+                    <MudSelect T="string" @bind-Value="_model.WarehouseId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Warehouses)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Minus</MudText>
+                    <MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
+                </MudItem>
+            </MudGrid>
+        </MudForm>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
+        <MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
+            @if (_processing)
+            {
+                <MudProgressCircular Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+            }
+            else
+            {
+                <MudText>Add Item</MudText>
+            }
+        </MudButton>
+    </DialogActions>
+</MudDialog>
+
+@code {
+    [CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
+    [Parameter] public string NegativeAdjustmentId { get; set; } = string.Empty;
+    private MudForm _form = default!;
+    private CreateNegativeAdjustmentItemRequest _model = new() { Movement = 1 };
+    private NegativeAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+        _model.NegativeAdjustmentId = NegativeAdjustmentId;
+    }
+
+    private void Cancel() => MudDialog.Cancel();
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await NegativeAdjustmentService.CreateNegativeAdjustmentItemAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Item added successfully", Severity.Success);
+                MudDialog.Close(DialogResult.Ok(true));
+            }
+        }
+        finally { _processing = false; }
+    }
+}

Features/Inventory/NegativeAdjustment/Components/_NegativeAdjustmentItemDataTable.razor

@@ -0,0 +1,94 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.NegativeAdjustment
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using MudBlazor
+@using Indotalent.Features.Root.Shared
+@inject NegativeAdjustmentService NegativeAdjustmentService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
+    <div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff;">
+        <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 600;">Adjustment Items</MudText>
+        @if (!ReadOnly)
+        {
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
+                Add Item
+            </MudButton>
+        }
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="Items" Hover="true" Elevation="0" Dense="true" T="NegativeAdjustmentItemResponse">
+        <HeaderContent>
+            <MudTh Style="font-weight: 500; letter-spacing: 0.05em;">Product</MudTh>
+            <MudTh Style="font-weight: 500; letter-spacing: 0.05em;">Warehouse</MudTh>
+            <MudTh Style="font-weight: 500; text-align: right; letter-spacing: 0.05em;">Quantity Minus</MudTh>
+            @if (!ReadOnly)
+            {
+                <MudTh Style="width: 100px; text-align: right; font-weight: 500; letter-spacing: 0.05em;">Actions</MudTh>
+            }
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd DataLabel="Product">@context.ProductName</MudTd>
+            <MudTd DataLabel="Warehouse">@context.WarehouseName</MudTd>
+            <MudTd DataLabel="Quantity" Style="text-align: right; font-weight: 500;">@context.Movement</MudTd>
+            @if (!ReadOnly)
+            {
+                <MudTd Style="text-align: right;">
+                    <MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
+                    <MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
+                </MudTd>
+            }
+        </RowTemplate>
+    </MudTable>
+</MudPaper>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public string NegativeAdjustmentId { get; set; } = string.Empty;
+    [Parameter] public List<NegativeAdjustmentItemResponse> Items { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnChanged { get; set; }
+
+    private async Task OnAddClick()
+    {
+        var parameters = new DialogParameters { ["NegativeAdjustmentId"] = NegativeAdjustmentId };
+        var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
+        var dialog = await DialogService.ShowAsync<_NegativeAdjustmentItemCreateForm>("Add Adjustment Item", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
+    }
+
+    private async Task OnEditClick(NegativeAdjustmentItemResponse item)
+    {
+        var parameters = new DialogParameters { ["Data"] = item };
+        var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
+        var dialog = await DialogService.ShowAsync<_NegativeAdjustmentItemUpdateForm>("Edit Adjustment Item", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
+    }
+
+    private async Task OnDeleteClick(NegativeAdjustmentItemResponse item)
+    {
+        var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove this item?" };
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled)
+        {
+            var success = await NegativeAdjustmentService.DeleteNegativeAdjustmentItemAsync(item.Id!);
+            if (success)
+            {
+                Snackbar.Add("Removed successfully", Severity.Success);
+                await OnChanged.InvokeAsync();
+            }
+        }
+    }
+}

Features/Inventory/NegativeAdjustment/Components/_NegativeAdjustmentItemUpdateForm.razor

@@ -0,0 +1,93 @@
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using MudBlazor
+@inject NegativeAdjustmentService NegativeAdjustmentService
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <DialogContent>
+        <MudForm @ref="_form" Model="_model">
+            <MudGrid Spacing="2">
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
+                    <MudSelect T="string" @bind-Value="_model.ProductId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Products)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
+                    <MudSelect T="string" @bind-Value="_model.WarehouseId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Warehouses)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Minus</MudText>
+                    <MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
+                </MudItem>
+            </MudGrid>
+        </MudForm>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
+        <MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
+            @if (_processing)
+            {
+                <MudProgressCircular Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
+            }
+            else
+            {
+                <MudText>Save Changes</MudText>
+            }
+        </MudButton>
+    </DialogActions>
+</MudDialog>
+
+@code {
+    [CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
+    [Parameter] public NegativeAdjustmentItemResponse Data { get; set; } = new();
+    private MudForm _form = default!;
+    private UpdateNegativeAdjustmentItemRequest _model = new();
+    private NegativeAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+
+        _model.Id = Data.Id;
+        _model.ProductId = Data.ProductId;
+        _model.WarehouseId = Data.WarehouseId;
+        _model.Movement = Data.Movement;
+    }
+
+    private void Cancel() => MudDialog.Cancel();
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await NegativeAdjustmentService.UpdateNegativeAdjustmentItemAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Item updated successfully", Severity.Success);
+                MudDialog.Close(DialogResult.Ok(true));
+            }
+        }
+        finally { _processing = false; }
+    }
+}

Features/Inventory/NegativeAdjustment/Components/_NegativeAdjustmentUpdateForm.razor

@@ -0,0 +1,245 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs
+@using Indotalent.Features.Inventory.NegativeAdjustment.Components
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@using Microsoft.JSInterop
+@inject NegativeAdjustmentService NegativeAdjustmentService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Details" : "Edit") Adjustment</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@_model.AutoNumber</MudText>
+        </div>
+    </div>
+    @if (ReadOnly || !string.IsNullOrEmpty(_model.Id))
+    {
+        <MudButton Variant="Variant.Filled"
+                   Color="Color.Info"
+                   StartIcon="@(_isPrinting ? null : Icons.Material.Filled.Print)"
+                   OnClick="DownloadPdf"
+                   Disabled="_isPrinting"
+                   Style="border-radius: 4px; text-transform: none; font-weight: 700; box-shadow: none;">
+            @if (_isPrinting)
+            {
+                <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Generating PDF...</MudText>
+            }
+            else
+            {
+                <MudText>Print PDF</MudText>
+            }
+        </MudButton>
+    }
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Adjustment Date</MudText>
+                <MudDatePicker @bind-Date="_model.AdjustmentDate" ReadOnly="ReadOnly"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
+                           ReadOnly="ReadOnly"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.AdjustmentStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="2" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-6">
+                <_NegativeAdjustmentItemDataTable Items="_items" NegativeAdjustmentId="@(_model.Id ?? string.Empty)" ReadOnly="ReadOnly" OnChanged="RefreshItems" />
+            </MudItem>
+
+            <MudItem xs="12" sm="7"></MudItem>
+            <MudItem xs="12" sm="5">
+                <MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 0px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
+                    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Movement Summary</MudText>
+                    <div class="d-flex justify-space-between mb-2">
+                        <MudText Typo="Typo.body2">Total Line Items</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Count</MudText>
+                    </div>
+                    <div class="d-flex justify-space-between">
+                        <MudText Typo="Typo.body2">Total Qty Minus</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Sum(x => x.Movement)</MudText>
+                    </div>
+                </MudPaper>
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-4">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-10">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateNegativeAdjustmentRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateNegativeAdjustmentValidator _validator = new();
+    private UpdateNegativeAdjustmentRequest _model = new();
+    private List<NegativeAdjustmentItemResponse> _items = new();
+    private NegativeAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+    private bool _isPrinting = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var resLookup = await NegativeAdjustmentService.GetNegativeAdjustmentLookupAsync();
+        if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
+
+        _model = Data;
+        await RefreshItems();
+    }
+
+    private async Task RefreshItems()
+    {
+        try
+        {
+            var response = await NegativeAdjustmentService.GetNegativeAdjustmentByIdAsync(_model.Id!);
+            await Task.Delay(500);
+            
+            if (response != null && response.IsSuccess && response.Value != null)
+            {
+                _items = response.Value.Items ?? new();
+                StateHasChanged();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+    }
+
+    private async Task DownloadPdf()
+    {
+        try
+        {
+            _isPrinting = true;
+            StateHasChanged();
+
+            await Task.Delay(1000);
+
+            var response = await NegativeAdjustmentService.GetNegativeAdjustmentByIdAsync(_model.Id!);
+            if (response != null && response.IsSuccess && response.Value != null)
+            {
+                var pdfBytes = NegativeAdjustmentPdfGenerator.Generate(response.Value);
+                var fileName = $"NegativeAdjustment_{response.Value.AutoNumber}.pdf";
+                var base64 = Convert.ToBase64String(pdfBytes);
+                await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
+                Snackbar.Add("PDF generated successfully.", Severity.Success);
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isPrinting = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+        
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        StateHasChanged();
+        
+        try
+        {
+            var response = await NegativeAdjustmentService.UpdateNegativeAdjustmentAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+            StateHasChanged();
+        }
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/CreateNegativeAdjustmentHandler.cs

@@ -0,0 +1,53 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class CreateNegativeAdjustmentRequest
+{
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+}
+
+public class CreateNegativeAdjustmentResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+}
+
+public record CreateNegativeAdjustmentCommand(CreateNegativeAdjustmentRequest Data) : IRequest<CreateNegativeAdjustmentResponse>;
+
+public class CreateNegativeAdjustmentHandler : IRequestHandler<CreateNegativeAdjustmentCommand, CreateNegativeAdjustmentResponse>
+{
+    private readonly AppDbContext _context;
+    public CreateNegativeAdjustmentHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateNegativeAdjustmentResponse> Handle(CreateNegativeAdjustmentCommand request, CancellationToken cancellationToken)
+    {
+        var entityName = nameof(Data.Entities.NegativeAdjustment);
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.NegativeAdjustment
+        {
+            AutoNumber = autoNo,
+            AdjustmentDate = request.Data.AdjustmentDate,
+            Status = request.Data.Status,
+            Description = request.Data.Description
+        };
+
+        _context.NegativeAdjustment.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateNegativeAdjustmentResponse
+        {
+            Id = entity.Id,
+            AutoNumber = entity.AutoNumber
+        };
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/CreateNegativeAdjustmentItemHandler.cs

@@ -0,0 +1,58 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class CreateNegativeAdjustmentItemRequest
+{
+    public string? NegativeAdjustmentId { get; set; }
+    public string? ProductId { get; set; }
+    public string? WarehouseId { get; set; }
+    public double? Movement { get; set; }
+}
+
+public record CreateNegativeAdjustmentItemCommand(CreateNegativeAdjustmentItemRequest Data) : IRequest<bool>;
+
+public class CreateNegativeAdjustmentItemHandler : IRequestHandler<CreateNegativeAdjustmentItemCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public CreateNegativeAdjustmentItemHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(CreateNegativeAdjustmentItemCommand request, CancellationToken cancellationToken)
+    {
+        var master = await _context.NegativeAdjustment
+            .AsNoTracking()
+            .FirstOrDefaultAsync(x => x.Id == request.Data.NegativeAdjustmentId, cancellationToken);
+
+        if (master == null) return false;
+
+        var ivtEntityName = nameof(Data.Entities.InventoryTransaction);
+        var autoNoIVT = await _context.GenerateAutoNumberAsync(
+            entityName: ivtEntityName,
+            prefixTemplate: $"{ivtEntityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.InventoryTransaction
+        {
+            ModuleId = master.Id,
+            ModuleName = nameof(Data.Entities.NegativeAdjustment),
+            ModuleCode = "ADJ-",
+            ModuleNumber = master.AutoNumber,
+            MovementDate = master.AdjustmentDate!.Value,
+            Status = (Data.Enums.InventoryTransactionStatus)master.Status,
+            AutoNumber = autoNoIVT,
+            WarehouseId = request.Data.WarehouseId,
+            ProductId = request.Data.ProductId,
+            Movement = Math.Abs(request.Data.Movement ?? 0)
+        };
+
+        _context.CalculateInvenTrans(entity);
+        _context.InventoryTransaction.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/CreateNegativeAdjustmentValidator.cs

@@ -0,0 +1,11 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class CreateNegativeAdjustmentValidator : AbstractValidator<CreateNegativeAdjustmentRequest>
+{
+    public CreateNegativeAdjustmentValidator()
+    {
+        RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/DeleteNegativeAdjustmentByIdHandler.cs

@@ -0,0 +1,30 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public record DeleteNegativeAdjustmentByIdCommand(string Id) : IRequest<bool>;
+
+public class DeleteNegativeAdjustmentByIdHandler : IRequestHandler<DeleteNegativeAdjustmentByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public DeleteNegativeAdjustmentByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteNegativeAdjustmentByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.NegativeAdjustment
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        var items = await _context.InventoryTransaction
+            .Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.NegativeAdjustment))
+            .ToListAsync(cancellationToken);
+
+        _context.InventoryTransaction.RemoveRange(items);
+        _context.NegativeAdjustment.Remove(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+        return true;
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/DeleteNegativeAdjustmentItemHandler.cs

@@ -0,0 +1,26 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public record DeleteNegativeAdjustmentItemCommand(string Id) : IRequest<bool>;
+
+public class DeleteNegativeAdjustmentItemHandler : IRequestHandler<DeleteNegativeAdjustmentItemCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public DeleteNegativeAdjustmentItemHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteNegativeAdjustmentItemCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.InventoryTransaction
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.InventoryTransaction.Remove(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/GetNegativeAdjustmentByIdHandler.cs

@@ -0,0 +1,75 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class NegativeAdjustmentItemResponse
+{
+    public string? Id { get; set; }
+    public string? ProductId { get; set; }
+    public string? ProductName { get; set; }
+    public string? WarehouseId { get; set; }
+    public string? WarehouseName { get; set; }
+    public double? Movement { get; set; }
+}
+
+public class GetNegativeAdjustmentByIdResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+    public List<NegativeAdjustmentItemResponse> Items { get; set; } = new();
+}
+
+public record GetNegativeAdjustmentByIdQuery(string Id) : IRequest<GetNegativeAdjustmentByIdResponse?>;
+
+public class GetNegativeAdjustmentByIdHandler : IRequestHandler<GetNegativeAdjustmentByIdQuery, GetNegativeAdjustmentByIdResponse?>
+{
+    private readonly AppDbContext _context;
+    public GetNegativeAdjustmentByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetNegativeAdjustmentByIdResponse?> Handle(GetNegativeAdjustmentByIdQuery request, CancellationToken cancellationToken)
+    {
+        var master = await _context.NegativeAdjustment
+            .AsNoTracking()
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (master == null) return null;
+
+        var items = await _context.InventoryTransaction
+            .AsNoTracking()
+            .Include(x => x.Product)
+            .Include(x => x.Warehouse)
+            .Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.NegativeAdjustment))
+            .Select(x => new NegativeAdjustmentItemResponse
+            {
+                Id = x.Id,
+                ProductId = x.ProductId,
+                ProductName = x.Product!.Name,
+                WarehouseId = x.WarehouseId,
+                WarehouseName = x.Warehouse!.Name,
+                Movement = x.Movement
+            }).ToListAsync(cancellationToken);
+
+        return new GetNegativeAdjustmentByIdResponse
+        {
+            Id = master.Id,
+            AutoNumber = master.AutoNumber,
+            AdjustmentDate = master.AdjustmentDate,
+            Status = master.Status,
+            Description = master.Description,
+            CreatedAt = master.CreatedAt,
+            CreatedBy = master.CreatedBy,
+            UpdatedAt = master.UpdatedAt,
+            UpdatedBy = master.UpdatedBy,
+            Items = items
+        };
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/GetNegativeAdjustmentListHandler.cs

@@ -0,0 +1,37 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class GetNegativeAdjustmentListResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+}
+
+public record GetNegativeAdjustmentListQuery() : IRequest<List<GetNegativeAdjustmentListResponse>>;
+
+public class GetNegativeAdjustmentListHandler : IRequestHandler<GetNegativeAdjustmentListQuery, List<GetNegativeAdjustmentListResponse>>
+{
+    private readonly AppDbContext _context;
+    public GetNegativeAdjustmentListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetNegativeAdjustmentListResponse>> Handle(GetNegativeAdjustmentListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.NegativeAdjustment
+            .AsNoTracking()
+            .OrderByDescending(x => x.CreatedAt)
+            .Select(x => new GetNegativeAdjustmentListResponse
+            {
+                Id = x.Id,
+                AutoNumber = x.AutoNumber,
+                AdjustmentDate = x.AdjustmentDate,
+                Status = x.Status,
+                Description = x.Description
+            }).ToListAsync(cancellationToken);
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/GetNegativeAdjustmentLookupHandler.cs

@@ -0,0 +1,61 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+using Indotalent.Data.Enums;
+using Indotalent.ConfigBackEnd.Extensions;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class NegativeAdjustmentLookupResponse
+{
+    public List<LookupItem> Warehouses { get; set; } = new();
+    public List<LookupItem> Products { get; set; } = new();
+    public List<LookupStatusItem> Statuses { get; set; } = new();
+}
+
+public class LookupItem
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public class LookupStatusItem
+{
+    public int Value { get; set; }
+    public string? Name { get; set; }
+}
+
+public record GetNegativeAdjustmentLookupQuery() : IRequest<NegativeAdjustmentLookupResponse>;
+
+public class GetNegativeAdjustmentLookupHandler : IRequestHandler<GetNegativeAdjustmentLookupQuery, NegativeAdjustmentLookupResponse>
+{
+    private readonly AppDbContext _context;
+    public GetNegativeAdjustmentLookupHandler(AppDbContext context) => _context = context;
+
+    public async Task<NegativeAdjustmentLookupResponse> Handle(GetNegativeAdjustmentLookupQuery request, CancellationToken cancellationToken)
+    {
+        var response = new NegativeAdjustmentLookupResponse();
+
+        response.Warehouses = await _context.Warehouse.AsNoTracking()
+            .Where(x => x.SystemWarehouse == false)
+            .OrderBy(x => x.Name)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.Name })
+            .ToListAsync(cancellationToken);
+
+        response.Products = await _context.Product.AsNoTracking()
+            .Where(x => x.Physical == true)
+            .OrderBy(x => x.Name)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.Name })
+            .ToListAsync(cancellationToken);
+
+        response.Statuses = Enum.GetValues(typeof(AdjustmentStatus))
+            .Cast<AdjustmentStatus>()
+            .Select(x => new LookupStatusItem
+            {
+                Value = (int)x,
+                Name = x.GetDescription()
+            }).ToList();
+
+        return response;
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/UpdateNegativeAdjustmentHandler.cs

@@ -0,0 +1,53 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class UpdateNegativeAdjustmentRequest
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record UpdateNegativeAdjustmentCommand(UpdateNegativeAdjustmentRequest Data) : IRequest<bool>;
+
+public class UpdateNegativeAdjustmentHandler : IRequestHandler<UpdateNegativeAdjustmentCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public UpdateNegativeAdjustmentHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(UpdateNegativeAdjustmentCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.NegativeAdjustment
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        entity.AdjustmentDate = request.Data.AdjustmentDate;
+        entity.Status = request.Data.Status;
+        entity.Description = request.Data.Description;
+
+        var details = await _context.InventoryTransaction
+            .Where(x => x.ModuleId == entity.Id && x.ModuleName == nameof(Data.Entities.NegativeAdjustment))
+            .ToListAsync(cancellationToken);
+
+        foreach (var item in details)
+        {
+            item.MovementDate = entity.AdjustmentDate ?? DateTime.Now;
+            item.Status = (Data.Enums.InventoryTransactionStatus)entity.Status;
+            item.ModuleNumber = entity.AutoNumber;
+            _context.CalculateInvenTrans(item);
+        }
+
+        await _context.SaveChangesAsync(cancellationToken);
+        return true;
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/UpdateNegativeAdjustmentItemHandler.cs

@@ -0,0 +1,38 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class UpdateNegativeAdjustmentItemRequest
+{
+    public string? Id { get; set; }
+    public string? ProductId { get; set; }
+    public string? WarehouseId { get; set; }
+    public double? Movement { get; set; }
+}
+
+public record UpdateNegativeAdjustmentItemCommand(UpdateNegativeAdjustmentItemRequest Data) : IRequest<bool>;
+
+public class UpdateNegativeAdjustmentItemHandler : IRequestHandler<UpdateNegativeAdjustmentItemCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public UpdateNegativeAdjustmentItemHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(UpdateNegativeAdjustmentItemCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.InventoryTransaction
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        entity.ProductId = request.Data.ProductId;
+        entity.WarehouseId = request.Data.WarehouseId;
+        entity.Movement = Math.Abs(request.Data.Movement ?? 0);
+
+        _context.CalculateInvenTrans(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Inventory/NegativeAdjustment/Cqrs/UpdateNegativeAdjustmentValidator.cs

@@ -0,0 +1,12 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+public class UpdateNegativeAdjustmentValidator : AbstractValidator<UpdateNegativeAdjustmentRequest>
+{
+    public UpdateNegativeAdjustmentValidator()
+    {
+        RuleFor(x => x.Id).NotEmpty();
+        RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
+    }
+}

Features/Inventory/NegativeAdjustment/NegativeAdjustmentEndpoint.cs

@@ -0,0 +1,97 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment;
+
+public static class NegativeAdjustmentEndpoint
+{
+    public static void MapNegativeAdjustmentEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/negative-adjustment").WithTags("NegativeAdjustments")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetNegativeAdjustmentListQuery());
+            return result.ToApiResponse("Negative adjustment list retrieved successfully");
+        })
+        .WithName("GetNegativeAdjustmentList");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetNegativeAdjustmentByIdQuery(id));
+            return result.ToApiResponse(result is not null
+                ? "Negative adjustment detail retrieved successfully"
+                : $"Negative adjustment with ID {id} not found");
+        })
+        .WithName("GetNegativeAdjustmentById");
+
+        group.MapGet("/lookup", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetNegativeAdjustmentLookupQuery());
+            return result.ToApiResponse("Lookup data retrieved successfully");
+        })
+        .WithName("GetNegativeAdjustmentLookup");
+
+        group.MapPost("/", async (CreateNegativeAdjustmentRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateNegativeAdjustmentCommand(request));
+            return result.ToApiResponse("Negative adjustment has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateNegativeAdjustment");
+
+        group.MapPost("/update", async (UpdateNegativeAdjustmentRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateNegativeAdjustmentCommand(request));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Update failed. Negative adjustment not found.");
+            }
+            return result.ToApiResponse("Negative adjustment has been updated successfully");
+        })
+        .WithName("UpdateNegativeAdjustment");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteNegativeAdjustmentByIdCommand(id));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. Negative adjustment not found.");
+            }
+            return true.ToApiResponse("Negative adjustment has been deleted successfully");
+        })
+        .WithName("DeleteNegativeAdjustmentById");
+
+        group.MapPost("/negative-adjustment-item", async (CreateNegativeAdjustmentItemRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateNegativeAdjustmentItemCommand(request));
+            return result.ToApiResponse("Item has been added successfully");
+        })
+        .WithName("CreateNegativeAdjustmentItem");
+
+        group.MapPost("/negative-adjustment-item/update", async (UpdateNegativeAdjustmentItemRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateNegativeAdjustmentItemCommand(request));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Update item failed.");
+            }
+            return result.ToApiResponse("Item has been updated successfully");
+        })
+        .WithName("UpdateNegativeAdjustmentItem");
+
+        group.MapPost("/negative-adjustment-item/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteNegativeAdjustmentItemCommand(id));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete item failed.");
+            }
+            return true.ToApiResponse("Item has been removed successfully");
+        })
+        .WithName("DeleteNegativeAdjustmentItem");
+    }
+}

Features/Inventory/NegativeAdjustment/NegativeAdjustmentPdfGenerator.cs

@@ -0,0 +1,109 @@
+using QuestPDF.Fluent;
+using QuestPDF.Helpers;
+using QuestPDF.Infrastructure;
+using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment;
+
+public class NegativeAdjustmentPdfGenerator
+{
+    public static byte[] Generate(GetNegativeAdjustmentByIdResponse data)
+    {
+        QuestPDF.Settings.License = LicenseType.Community;
+
+        var primaryBlue = "#0D47A1";
+        var textSlate = "#64748b";
+
+        return Document.Create(container =>
+        {
+            container.Page(page =>
+            {
+                page.Size(PageSizes.A4);
+                page.Margin(1.5f, Unit.Centimetre);
+                page.PageColor(Colors.White);
+                page.DefaultTextStyle(x => x.FontSize(9).FontFamily(Fonts.Verdana));
+
+                page.Header().Row(row =>
+                {
+                    row.RelativeItem().Column(col =>
+                    {
+                        col.Item().Text("NEGATIVE ADJUSTMENT")
+                            .FontSize(20).ExtraBold().FontColor(primaryBlue);
+                        col.Item().Text($"{data.AutoNumber}").FontSize(11).SemiBold();
+                    });
+
+                    row.RelativeItem().AlignRight().Column(col =>
+                    {
+                        col.Item().Text("STOCK ADJUSTMENT (OUT)").FontSize(11).ExtraBold();
+                        col.Item().Text($"Date: {data.AdjustmentDate?.ToString("dd MMM yyyy")}").FontColor(textSlate);
+                        col.Item().Text($"Status: {data.Status.ToString().ToUpper()}").FontColor(textSlate);
+                    });
+                });
+
+                page.Content().PaddingVertical(20).Column(col =>
+                {
+                    col.Item().Table(table =>
+                    {
+                        table.ColumnsDefinition(columns =>
+                        {
+                            columns.ConstantColumn(30);
+                            columns.RelativeColumn(4);
+                            columns.RelativeColumn(3);
+                            columns.RelativeColumn(2);
+                        });
+
+                        table.Header(header =>
+                        {
+                            header.Cell().Element(HeaderStyle).Text("#");
+                            header.Cell().Element(HeaderStyle).Text("Product");
+                            header.Cell().Element(HeaderStyle).Text("Warehouse");
+                            header.Cell().Element(HeaderStyle).AlignCenter().Text("Qty Minus");
+
+                            static IContainer HeaderStyle(IContainer container)
+                            {
+                                return container.DefaultTextStyle(x => x.SemiBold().FontColor(Colors.White))
+                                                .PaddingVertical(5).PaddingHorizontal(5).Background("#0D47A1");
+                            }
+                        });
+
+                        var index = 1;
+                        foreach (var item in data.Items)
+                        {
+                            table.Cell().Element(CellStyle).Text($"{index++}");
+                            table.Cell().Element(CellStyle).Text(item.ProductName);
+                            table.Cell().Element(CellStyle).Text(item.WarehouseName);
+                            table.Cell().Element(CellStyle).AlignCenter().Text(item.Movement?.ToString());
+
+                            static IContainer CellStyle(IContainer container)
+                            {
+                                return container.BorderBottom(1).BorderColor("#E2E8F0").PaddingVertical(8).PaddingHorizontal(5);
+                            }
+                        }
+                    });
+
+                    col.Item().PaddingTop(30).Row(row =>
+                    {
+                        row.RelativeItem().Column(c => {
+                            c.Item().Text("Description:").FontSize(8).Bold();
+                            c.Item().Text(string.IsNullOrEmpty(data.Description) ? "-" : data.Description).FontSize(8);
+                        });
+
+                        row.ConstantItem(150).Column(c => {
+                            c.Item().PaddingTop(10).AlignCenter().Text("Authorized By,").FontSize(8);
+                            c.Item().PaddingTop(40).AlignCenter().Text("____________________").FontSize(8);
+                            c.Item().AlignCenter().Text("( Inventory Manager )").FontSize(7);
+                        });
+                    });
+                });
+
+                page.Footer().AlignCenter().Text(x =>
+                {
+                    x.Span("Page ").FontSize(8);
+                    x.CurrentPageNumber().FontSize(8);
+                    x.Span(" of ").FontSize(8);
+                    x.TotalPages().FontSize(8);
+                });
+            });
+        }).GeneratePdf();
+    }
+}

Features/Inventory/NegativeAdjustment/NegativeAdjustmentService.cs

@@ -0,0 +1,86 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Inventory.NegativeAdjustment.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Inventory.NegativeAdjustment;
+
+public class NegativeAdjustmentService : BaseService
+{
+    private readonly RestClient _client;
+
+    public NegativeAdjustmentService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetNegativeAdjustmentListResponse>>?> GetNegativeAdjustmentListAsync()
+    {
+        var request = new RestRequest("api/negative-adjustment", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetNegativeAdjustmentListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetNegativeAdjustmentByIdResponse>?> GetNegativeAdjustmentByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/negative-adjustment/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetNegativeAdjustmentByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<NegativeAdjustmentLookupResponse>?> GetNegativeAdjustmentLookupAsync()
+    {
+        var request = new RestRequest("api/negative-adjustment/lookup", Method.Get);
+        return await ExecuteWithResponseAsync<NegativeAdjustmentLookupResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateNegativeAdjustmentResponse>?> CreateNegativeAdjustmentAsync(CreateNegativeAdjustmentRequest data)
+    {
+        var request = new RestRequest("api/negative-adjustment", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateNegativeAdjustmentResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<bool>?> UpdateNegativeAdjustmentAsync(UpdateNegativeAdjustmentRequest data)
+    {
+        var request = new RestRequest("api/negative-adjustment/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<bool> DeleteNegativeAdjustmentByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/negative-adjustment/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<bool>?> CreateNegativeAdjustmentItemAsync(CreateNegativeAdjustmentItemRequest data)
+    {
+        var request = new RestRequest("api/negative-adjustment/negative-adjustment-item", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<ApiResponse<bool>?> UpdateNegativeAdjustmentItemAsync(UpdateNegativeAdjustmentItemRequest data)
+    {
+        var request = new RestRequest("api/negative-adjustment/negative-adjustment-item/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<bool> DeleteNegativeAdjustmentItemAsync(string id)
+    {
+        var request = new RestRequest($"api/negative-adjustment/negative-adjustment-item/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+}

Features/Inventory/PositiveAdjustment/Components/PositiveAdjustmentPage.razor

@@ -0,0 +1,51 @@
+@page "/inventory/positive-adjustment"
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using Indotalent.Features.Inventory.PositiveAdjustment.Components
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_PositiveAdjustmentCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_PositiveAdjustmentUpdateForm Data="_selectedData!"
+                                   ReadOnly="@(_currentView == ViewMode.View)"
+                                   OnCancel="BackToTable"
+                                   OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_PositiveAdjustmentDataTable OnAdd="() => ShowCreate()"
+                                  OnEdit="(item) => ShowUpdate(item, false)"
+                                  OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdatePositiveAdjustmentRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdatePositiveAdjustmentRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Inventory/PositiveAdjustment/Components/_PositiveAdjustmentCreateForm.razor

@@ -0,0 +1,116 @@
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject PositiveAdjustmentService PositiveAdjustmentService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add Positive Adjustment</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Record stock additions to specific warehouses.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
+            
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Adjustment Date</MudText>
+                <MudDatePicker @bind-Date="_model.AdjustmentDate"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.AdjustmentStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Adjustment</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreatePositiveAdjustmentValidator _validator = new();
+    private CreatePositiveAdjustmentRequest _model = new() { AdjustmentDate = DateTime.Today };
+    private PositiveAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await PositiveAdjustmentService.CreatePositiveAdjustmentAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Inventory/PositiveAdjustment/Components/_PositiveAdjustmentDataTable.razor

@@ -0,0 +1,381 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.PositiveAdjustment
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject PositiveAdjustmentService PositiveAdjustmentService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Positive Adjustment</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Record stock additions and inventory corrections.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Positive Adjustment</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Success"
+                       OnClick="ExportToExcel"
+                       Size="Size.Small"
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Primary"
+                       OnClick="LoadData"
+                       Size="Size.Small"
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
+                       Disabled="_isRefreshing"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedItem != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">Edit</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="background: white; border: 1px solid #FCA5A5; color: #EF4444; text-transform: none; font-weight: 500; border-radius: 6px;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                    Add Positive Adjustment
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetPositiveAdjustmentListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.AutoNumber!)">Number</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.AdjustmentDate!)">Adjustment Date</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.Description!)">Description</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetPositiveAdjustmentListResponse, object>(x => x.Status)">Status</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>@context.AutoNumber</MudTd>
+            <MudTd>@context.AdjustmentDate?.ToString("yyyy-MM-dd")</MudTd>
+            <MudTd>@context.Description</MudTd>
+            <MudTd>
+                <MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.Status.ToString().ToUpper()</MudChip>
+            </MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500;">Rows per page:</MudText>
+            <MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Prev</MudButton>
+            @{
+                var totalPages = _totalPage == 0 ? 1 : _totalPage;
+                var maxVisible = 5;
+                var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+                var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+                if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+            }
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                var pageNum = i;
+                var isActive = pageNum == _currentPage;
+                <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+                           Variant="Variant.Text" Size="Size.Small"
+                           Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+            }
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdatePositiveAdjustmentRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdatePositiveAdjustmentRequest> OnView { get; set; }
+
+    private List<GetPositiveAdjustmentListResponse> _items = new();
+    private GetPositiveAdjustmentListResponse? _selectedItem;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedItem = null;
+        StateHasChanged();
+        try
+        {
+            var response = await PositiveAdjustmentService.GetPositiveAdjustmentListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _items = response.Value ?? new();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetPositiveAdjustmentListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _items;
+        return _items.Where(x =>
+            (x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetPositiveAdjustmentListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("PositiveAdjustments");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Number";
+                worksheet.Cell(currentRow, 2).Value = "Adjustment Date";
+                worksheet.Cell(currentRow, 3).Value = "Description";
+                worksheet.Cell(currentRow, 4).Value = "Status";
+
+                var headerRange = worksheet.Range(1, 1, 1, 4);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.AutoNumber;
+                    worksheet.Cell(currentRow, 2).Value = item.AdjustmentDate?.ToString("yyyy-MM-dd");
+                    worksheet.Cell(currentRow, 3).Value = item.Description;
+                    worksheet.Cell(currentRow, 4).Value = item.Status.ToString();
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "PositiveAdjustment_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedItem = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdatePositiveAdjustmentRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await PositiveAdjustmentService.GetPositiveAdjustmentByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdatePositiveAdjustmentRequest
+            {
+                Id = detail.Id,
+                AdjustmentDate = detail.AdjustmentDate,
+                Status = detail.Status,
+                Description = detail.Description,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy,
+                AutoNumber = detail.AutoNumber
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedItem == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedItem.AutoNumber } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await PositiveAdjustmentService.DeletePositiveAdjustmentByIdAsync(_selectedItem.Id!);
+            if (isSuccess)
+            {
+                _selectedItem = null;
+                await LoadData();
+                Snackbar.Add("Deleted successfully", Severity.Success);
+            }
+        }
+    }
+}

Features/Inventory/PositiveAdjustment/Components/_PositiveAdjustmentItemCreateForm.razor

@@ -0,0 +1,89 @@
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using MudBlazor
+@inject PositiveAdjustmentService PositiveAdjustmentService
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <DialogContent>
+        <MudForm @ref="_form" Model="_model">
+            <MudGrid Spacing="2">
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
+                    <MudSelect T="string" @bind-Value="_model.ProductId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Products)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
+                    <MudSelect T="string" @bind-Value="_model.WarehouseId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Warehouses)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Plus</MudText>
+                    <MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
+                </MudItem>
+            </MudGrid>
+        </MudForm>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
+        <MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
+            @if (_processing)
+            {
+                <MudProgressCircular Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+            }
+            else
+            {
+                <MudText>Add Item</MudText>
+            }
+        </MudButton>
+    </DialogActions>
+</MudDialog>
+
+@code {
+    [CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
+    [Parameter] public string PositiveAdjustmentId { get; set; } = string.Empty;
+    private MudForm _form = default!;
+    private CreatePositiveAdjustmentItemRequest _model = new() { Movement = 1 };
+    private PositiveAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+        _model.PositiveAdjustmentId = PositiveAdjustmentId;
+    }
+
+    private void Cancel() => MudDialog.Cancel();
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await PositiveAdjustmentService.CreatePositiveAdjustmentItemAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Item added successfully", Severity.Success);
+                MudDialog.Close(DialogResult.Ok(true));
+            }
+        }
+        finally { _processing = false; }
+    }
+}

Features/Inventory/PositiveAdjustment/Components/_PositiveAdjustmentItemDataTable.razor

@@ -0,0 +1,94 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.PositiveAdjustment
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using MudBlazor
+@using Indotalent.Features.Root.Shared
+@inject PositiveAdjustmentService PositiveAdjustmentService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
+    <div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff;">
+        <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 600;">Adjustment Items</MudText>
+        @if (!ReadOnly)
+        {
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
+                Add Item
+            </MudButton>
+        }
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="Items" Hover="true" Elevation="0" Dense="true" T="PositiveAdjustmentItemResponse">
+        <HeaderContent>
+            <MudTh Style="font-weight: 500; letter-spacing: 0.05em;">Product</MudTh>
+            <MudTh Style="font-weight: 500; letter-spacing: 0.05em;">Warehouse</MudTh>
+            <MudTh Style="font-weight: 500; text-align: right; letter-spacing: 0.05em;">Quantity Plus</MudTh>
+            @if (!ReadOnly)
+            {
+                <MudTh Style="width: 100px; text-align: right; font-weight: 500; letter-spacing: 0.05em;">Actions</MudTh>
+            }
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd DataLabel="Product">@context.ProductName</MudTd>
+            <MudTd DataLabel="Warehouse">@context.WarehouseName</MudTd>
+            <MudTd DataLabel="Quantity" Style="text-align: right; font-weight: 500;">@context.Movement</MudTd>
+            @if (!ReadOnly)
+            {
+                <MudTd Style="text-align: right;">
+                    <MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
+                    <MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
+                </MudTd>
+            }
+        </RowTemplate>
+    </MudTable>
+</MudPaper>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public string PositiveAdjustmentId { get; set; } = string.Empty;
+    [Parameter] public List<PositiveAdjustmentItemResponse> Items { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnChanged { get; set; }
+
+    private async Task OnAddClick()
+    {
+        var parameters = new DialogParameters { ["PositiveAdjustmentId"] = PositiveAdjustmentId };
+        var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
+        var dialog = await DialogService.ShowAsync<_PositiveAdjustmentItemCreateForm>("Add Adjustment Item", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
+    }
+
+    private async Task OnEditClick(PositiveAdjustmentItemResponse item)
+    {
+        var parameters = new DialogParameters { ["Data"] = item };
+        var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
+        var dialog = await DialogService.ShowAsync<_PositiveAdjustmentItemUpdateForm>("Edit Adjustment Item", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
+    }
+
+    private async Task OnDeleteClick(PositiveAdjustmentItemResponse item)
+    {
+        var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove this item?" };
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled)
+        {
+            var success = await PositiveAdjustmentService.DeletePositiveAdjustmentItemAsync(item.Id!);
+            if (success)
+            {
+                Snackbar.Add("Removed successfully", Severity.Success);
+                await OnChanged.InvokeAsync();
+            }
+        }
+    }
+}

Features/Inventory/PositiveAdjustment/Components/_PositiveAdjustmentItemUpdateForm.razor

@@ -0,0 +1,93 @@
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using MudBlazor
+@inject PositiveAdjustmentService PositiveAdjustmentService
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <DialogContent>
+        <MudForm @ref="_form" Model="_model">
+            <MudGrid Spacing="2">
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
+                    <MudSelect T="string" @bind-Value="_model.ProductId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Products)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
+                    <MudSelect T="string" @bind-Value="_model.WarehouseId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Warehouses)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Quantity Plus</MudText>
+                    <MudNumericField @bind-Value="_model.Movement" Variant="Variant.Outlined" Margin="Margin.Dense" />
+                </MudItem>
+            </MudGrid>
+        </MudForm>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
+        <MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
+            @if (_processing)
+            {
+                <MudProgressCircular Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
+            }
+            else
+            {
+                <MudText>Save Changes</MudText>
+            }
+        </MudButton>
+    </DialogActions>
+</MudDialog>
+
+@code {
+    [CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
+    [Parameter] public PositiveAdjustmentItemResponse Data { get; set; } = new();
+    private MudForm _form = default!;
+    private UpdatePositiveAdjustmentItemRequest _model = new();
+    private PositiveAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+
+        _model.Id = Data.Id;
+        _model.ProductId = Data.ProductId;
+        _model.WarehouseId = Data.WarehouseId;
+        _model.Movement = Data.Movement;
+    }
+
+    private void Cancel() => MudDialog.Cancel();
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await PositiveAdjustmentService.UpdatePositiveAdjustmentItemAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Item updated successfully", Severity.Success);
+                MudDialog.Close(DialogResult.Ok(true));
+            }
+        }
+        finally { _processing = false; }
+    }
+}

Features/Inventory/PositiveAdjustment/Components/_PositiveAdjustmentUpdateForm.razor

@@ -0,0 +1,245 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs
+@using Indotalent.Features.Inventory.PositiveAdjustment.Components
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@using Microsoft.JSInterop
+@inject PositiveAdjustmentService PositiveAdjustmentService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Details" : "Edit") Adjustment</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@_model.AutoNumber</MudText>
+        </div>
+    </div>
+    @if (ReadOnly || !string.IsNullOrEmpty(_model.Id))
+    {
+        <MudButton Variant="Variant.Filled"
+                   Color="Color.Info"
+                   StartIcon="@(_isPrinting ? null : Icons.Material.Filled.Print)"
+                   OnClick="DownloadPdf"
+                   Disabled="_isPrinting"
+                   Style="border-radius: 4px; text-transform: none; font-weight: 700; box-shadow: none;">
+            @if (_isPrinting)
+            {
+                <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Generating PDF...</MudText>
+            }
+            else
+            {
+                <MudText>Print PDF</MudText>
+            }
+        </MudButton>
+    }
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Basic Information</MudText><MudDivider /></MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Adjustment Date</MudText>
+                <MudDatePicker @bind-Date="_model.AdjustmentDate" ReadOnly="ReadOnly"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.AdjustmentStatus" @bind-Value="_model.Status"
+                           ReadOnly="ReadOnly"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.AdjustmentStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="2" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-6">
+                <_PositiveAdjustmentItemDataTable Items="_items" PositiveAdjustmentId="@(_model.Id ?? string.Empty)" ReadOnly="ReadOnly" OnChanged="RefreshItems" />
+            </MudItem>
+
+            <MudItem xs="12" sm="7"></MudItem>
+            <MudItem xs="12" sm="5">
+                <MudPaper Elevation="0" Outlined="true" Class="pa-4" Style="border-radius: 0px; background-color: #F8FAFC; border: 1px solid #DCEBFA;">
+                    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;" Class="mb-4 d-block">Movement Summary</MudText>
+                    <div class="d-flex justify-space-between mb-2">
+                        <MudText Typo="Typo.body2">Total Line Items</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Count</MudText>
+                    </div>
+                    <div class="d-flex justify-space-between">
+                        <MudText Typo="Typo.body2">Total Qty Plus</MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@_items.Sum(x => x.Movement)</MudText>
+                    </div>
+                </MudPaper>
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-4">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-10">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdatePositiveAdjustmentRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdatePositiveAdjustmentValidator _validator = new();
+    private UpdatePositiveAdjustmentRequest _model = new();
+    private List<PositiveAdjustmentItemResponse> _items = new();
+    private PositiveAdjustmentLookupResponse _lookup = new();
+    private bool _processing = false;
+    private bool _isPrinting = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var resLookup = await PositiveAdjustmentService.GetPositiveAdjustmentLookupAsync();
+        if (resLookup != null && resLookup.IsSuccess) _lookup = resLookup.Value ?? new();
+
+        _model = Data;
+        await RefreshItems();
+    }
+
+    private async Task RefreshItems()
+    {
+        try
+        {
+            var response = await PositiveAdjustmentService.GetPositiveAdjustmentByIdAsync(_model.Id!);
+            await Task.Delay(500);
+            
+            if (response != null && response.IsSuccess && response.Value != null)
+            {
+                _items = response.Value.Items ?? new();
+                StateHasChanged();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+    }
+
+    private async Task DownloadPdf()
+    {
+        try
+        {
+            _isPrinting = true;
+            StateHasChanged();
+
+            await Task.Delay(1000);
+
+            var response = await PositiveAdjustmentService.GetPositiveAdjustmentByIdAsync(_model.Id!);
+            if (response != null && response.IsSuccess && response.Value != null)
+            {
+                var pdfBytes = PositiveAdjustmentPdfGenerator.Generate(response.Value);
+                var fileName = $"PositiveAdjustment_{response.Value.AutoNumber}.pdf";
+                var base64 = Convert.ToBase64String(pdfBytes);
+                await JSRuntime.InvokeVoidAsync("downloadFile", fileName, "application/pdf", base64);
+                Snackbar.Add("PDF generated successfully.", Severity.Success);
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isPrinting = false;
+            StateHasChanged();
+        }
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+        
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        StateHasChanged();
+        
+        try
+        {
+            var response = await PositiveAdjustmentService.UpdatePositiveAdjustmentAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+            StateHasChanged();
+        }
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/CreatePositiveAdjustmentHandler.cs

@@ -0,0 +1,53 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class CreatePositiveAdjustmentRequest
+{
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+}
+
+public class CreatePositiveAdjustmentResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+}
+
+public record CreatePositiveAdjustmentCommand(CreatePositiveAdjustmentRequest Data) : IRequest<CreatePositiveAdjustmentResponse>;
+
+public class CreatePositiveAdjustmentHandler : IRequestHandler<CreatePositiveAdjustmentCommand, CreatePositiveAdjustmentResponse>
+{
+    private readonly AppDbContext _context;
+    public CreatePositiveAdjustmentHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreatePositiveAdjustmentResponse> Handle(CreatePositiveAdjustmentCommand request, CancellationToken cancellationToken)
+    {
+        var entityName = nameof(Data.Entities.PositiveAdjustment);
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.PositiveAdjustment
+        {
+            AutoNumber = autoNo,
+            AdjustmentDate = request.Data.AdjustmentDate,
+            Status = request.Data.Status,
+            Description = request.Data.Description
+        };
+
+        _context.PositiveAdjustment.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreatePositiveAdjustmentResponse
+        {
+            Id = entity.Id,
+            AutoNumber = entity.AutoNumber
+        };
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/CreatePositiveAdjustmentItemHandler.cs

@@ -0,0 +1,58 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class CreatePositiveAdjustmentItemRequest
+{
+    public string? PositiveAdjustmentId { get; set; }
+    public string? ProductId { get; set; }
+    public string? WarehouseId { get; set; }
+    public double? Movement { get; set; }
+}
+
+public record CreatePositiveAdjustmentItemCommand(CreatePositiveAdjustmentItemRequest Data) : IRequest<bool>;
+
+public class CreatePositiveAdjustmentItemHandler : IRequestHandler<CreatePositiveAdjustmentItemCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public CreatePositiveAdjustmentItemHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(CreatePositiveAdjustmentItemCommand request, CancellationToken cancellationToken)
+    {
+        var master = await _context.PositiveAdjustment
+            .AsNoTracking()
+            .FirstOrDefaultAsync(x => x.Id == request.Data.PositiveAdjustmentId, cancellationToken);
+
+        if (master == null) return false;
+
+        var ivtEntityName = nameof(Data.Entities.InventoryTransaction);
+        var autoNoIVT = await _context.GenerateAutoNumberAsync(
+            entityName: ivtEntityName,
+            prefixTemplate: $"{ivtEntityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.InventoryTransaction
+        {
+            ModuleId = master.Id,
+            ModuleName = nameof(Data.Entities.PositiveAdjustment),
+            ModuleCode = "ADJ+",
+            ModuleNumber = master.AutoNumber,
+            MovementDate = master.AdjustmentDate!.Value,
+            Status = (Data.Enums.InventoryTransactionStatus)master.Status,
+            AutoNumber = autoNoIVT,
+            WarehouseId = request.Data.WarehouseId,
+            ProductId = request.Data.ProductId,
+            Movement = request.Data.Movement
+        };
+
+        _context.CalculateInvenTrans(entity);
+        _context.InventoryTransaction.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/CreatePositiveAdjustmentValidator.cs

@@ -0,0 +1,11 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class CreatePositiveAdjustmentValidator : AbstractValidator<CreatePositiveAdjustmentRequest>
+{
+    public CreatePositiveAdjustmentValidator()
+    {
+        RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/DeletePositiveAdjustmentByIdHandler.cs

@@ -0,0 +1,30 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public record DeletePositiveAdjustmentByIdCommand(string Id) : IRequest<bool>;
+
+public class DeletePositiveAdjustmentByIdHandler : IRequestHandler<DeletePositiveAdjustmentByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public DeletePositiveAdjustmentByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeletePositiveAdjustmentByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.PositiveAdjustment
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        var items = await _context.InventoryTransaction
+            .Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.PositiveAdjustment))
+            .ToListAsync(cancellationToken);
+
+        _context.InventoryTransaction.RemoveRange(items);
+        _context.PositiveAdjustment.Remove(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+        return true;
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/DeletePositiveAdjustmentItemHandler.cs

@@ -0,0 +1,26 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public record DeletePositiveAdjustmentItemCommand(string Id) : IRequest<bool>;
+
+public class DeletePositiveAdjustmentItemHandler : IRequestHandler<DeletePositiveAdjustmentItemCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public DeletePositiveAdjustmentItemHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeletePositiveAdjustmentItemCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.InventoryTransaction
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.InventoryTransaction.Remove(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/GetPositiveAdjustmentByIdHandler.cs

@@ -0,0 +1,75 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class PositiveAdjustmentItemResponse
+{
+    public string? Id { get; set; }
+    public string? ProductId { get; set; }
+    public string? ProductName { get; set; }
+    public string? WarehouseId { get; set; }
+    public string? WarehouseName { get; set; }
+    public double? Movement { get; set; }
+}
+
+public class GetPositiveAdjustmentByIdResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+    public List<PositiveAdjustmentItemResponse> Items { get; set; } = new();
+}
+
+public record GetPositiveAdjustmentByIdQuery(string Id) : IRequest<GetPositiveAdjustmentByIdResponse?>;
+
+public class GetPositiveAdjustmentByIdHandler : IRequestHandler<GetPositiveAdjustmentByIdQuery, GetPositiveAdjustmentByIdResponse?>
+{
+    private readonly AppDbContext _context;
+    public GetPositiveAdjustmentByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetPositiveAdjustmentByIdResponse?> Handle(GetPositiveAdjustmentByIdQuery request, CancellationToken cancellationToken)
+    {
+        var master = await _context.PositiveAdjustment
+            .AsNoTracking()
+            .FirstOrDefaultAsync(x => x.Id == request.Id, cancellationToken);
+
+        if (master == null) return null;
+
+        var items = await _context.InventoryTransaction
+            .AsNoTracking()
+            .Include(x => x.Product)
+            .Include(x => x.Warehouse)
+            .Where(x => x.ModuleId == request.Id && x.ModuleName == nameof(Data.Entities.PositiveAdjustment))
+            .Select(x => new PositiveAdjustmentItemResponse
+            {
+                Id = x.Id,
+                ProductId = x.ProductId,
+                ProductName = x.Product!.Name,
+                WarehouseId = x.WarehouseId,
+                WarehouseName = x.Warehouse!.Name,
+                Movement = x.Movement
+            }).ToListAsync(cancellationToken);
+
+        return new GetPositiveAdjustmentByIdResponse
+        {
+            Id = master.Id,
+            AutoNumber = master.AutoNumber,
+            AdjustmentDate = master.AdjustmentDate,
+            Status = master.Status,
+            Description = master.Description,
+            CreatedAt = master.CreatedAt,
+            CreatedBy = master.CreatedBy,
+            UpdatedAt = master.UpdatedAt,
+            UpdatedBy = master.UpdatedBy,
+            Items = items
+        };
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/GetPositiveAdjustmentListHandler.cs

@@ -0,0 +1,37 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class GetPositiveAdjustmentListResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+}
+
+public record GetPositiveAdjustmentListQuery() : IRequest<List<GetPositiveAdjustmentListResponse>>;
+
+public class GetPositiveAdjustmentListHandler : IRequestHandler<GetPositiveAdjustmentListQuery, List<GetPositiveAdjustmentListResponse>>
+{
+    private readonly AppDbContext _context;
+    public GetPositiveAdjustmentListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetPositiveAdjustmentListResponse>> Handle(GetPositiveAdjustmentListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.PositiveAdjustment
+            .AsNoTracking()
+            .OrderByDescending(x => x.CreatedAt)
+            .Select(x => new GetPositiveAdjustmentListResponse
+            {
+                Id = x.Id,
+                AutoNumber = x.AutoNumber,
+                AdjustmentDate = x.AdjustmentDate,
+                Status = x.Status,
+                Description = x.Description
+            }).ToListAsync(cancellationToken);
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/GetPositiveAdjustmentLookupHandler.cs

@@ -0,0 +1,61 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+using Indotalent.Data.Enums;
+using Indotalent.ConfigBackEnd.Extensions;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class PositiveAdjustmentLookupResponse
+{
+    public List<LookupItem> Warehouses { get; set; } = new();
+    public List<LookupItem> Products { get; set; } = new();
+    public List<LookupStatusItem> Statuses { get; set; } = new();
+}
+
+public class LookupItem
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public class LookupStatusItem
+{
+    public int Value { get; set; }
+    public string? Name { get; set; }
+}
+
+public record GetPositiveAdjustmentLookupQuery() : IRequest<PositiveAdjustmentLookupResponse>;
+
+public class GetPositiveAdjustmentLookupHandler : IRequestHandler<GetPositiveAdjustmentLookupQuery, PositiveAdjustmentLookupResponse>
+{
+    private readonly AppDbContext _context;
+    public GetPositiveAdjustmentLookupHandler(AppDbContext context) => _context = context;
+
+    public async Task<PositiveAdjustmentLookupResponse> Handle(GetPositiveAdjustmentLookupQuery request, CancellationToken cancellationToken)
+    {
+        var response = new PositiveAdjustmentLookupResponse();
+
+        response.Warehouses = await _context.Warehouse.AsNoTracking()
+            .Where(x => x.SystemWarehouse == false)
+            .OrderBy(x => x.Name)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.Name })
+            .ToListAsync(cancellationToken);
+
+        response.Products = await _context.Product.AsNoTracking()
+            .Where(x => x.Physical == true)
+            .OrderBy(x => x.Name)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.Name })
+            .ToListAsync(cancellationToken);
+
+        response.Statuses = Enum.GetValues(typeof(AdjustmentStatus))
+            .Cast<AdjustmentStatus>()
+            .Select(x => new LookupStatusItem
+            {
+                Value = (int)x,
+                Name = x.GetDescription()
+            }).ToList();
+
+        return response;
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/UpdatePositiveAdjustmentHandler.cs

@@ -0,0 +1,53 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class UpdatePositiveAdjustmentRequest
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public DateTime? AdjustmentDate { get; set; }
+    public Data.Enums.AdjustmentStatus Status { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record UpdatePositiveAdjustmentCommand(UpdatePositiveAdjustmentRequest Data) : IRequest<bool>;
+
+public class UpdatePositiveAdjustmentHandler : IRequestHandler<UpdatePositiveAdjustmentCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public UpdatePositiveAdjustmentHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(UpdatePositiveAdjustmentCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.PositiveAdjustment
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        entity.AdjustmentDate = request.Data.AdjustmentDate;
+        entity.Status = request.Data.Status;
+        entity.Description = request.Data.Description;
+
+        var details = await _context.InventoryTransaction
+            .Where(x => x.ModuleId == entity.Id && x.ModuleName == nameof(Data.Entities.PositiveAdjustment))
+            .ToListAsync(cancellationToken);
+
+        foreach (var item in details)
+        {
+            item.MovementDate = entity.AdjustmentDate ?? DateTime.Now;
+            item.Status = (Data.Enums.InventoryTransactionStatus)entity.Status;
+            item.ModuleNumber = entity.AutoNumber;
+            _context.CalculateInvenTrans(item);
+        }
+
+        await _context.SaveChangesAsync(cancellationToken);
+        return true;
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/UpdatePositiveAdjustmentItemHandler.cs

@@ -0,0 +1,38 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class UpdatePositiveAdjustmentItemRequest
+{
+    public string? Id { get; set; }
+    public string? ProductId { get; set; }
+    public string? WarehouseId { get; set; }
+    public double? Movement { get; set; }
+}
+
+public record UpdatePositiveAdjustmentItemCommand(UpdatePositiveAdjustmentItemRequest Data) : IRequest<bool>;
+
+public class UpdatePositiveAdjustmentItemHandler : IRequestHandler<UpdatePositiveAdjustmentItemCommand, bool>
+{
+    private readonly AppDbContext _context;
+    public UpdatePositiveAdjustmentItemHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(UpdatePositiveAdjustmentItemCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.InventoryTransaction
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        entity.ProductId = request.Data.ProductId;
+        entity.WarehouseId = request.Data.WarehouseId;
+        entity.Movement = request.Data.Movement;
+
+        _context.CalculateInvenTrans(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return true;
+    }
+}

Features/Inventory/PositiveAdjustment/Cqrs/UpdatePositiveAdjustmentValidator.cs

@@ -0,0 +1,12 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+public class UpdatePositiveAdjustmentValidator : AbstractValidator<UpdatePositiveAdjustmentRequest>
+{
+    public UpdatePositiveAdjustmentValidator()
+    {
+        RuleFor(x => x.Id).NotEmpty();
+        RuleFor(x => x.AdjustmentDate).NotEmpty().WithMessage("Adjustment Date is required");
+    }
+}

Features/Inventory/PositiveAdjustment/PositiveAdjustmentEndpoint.cs

@@ -0,0 +1,97 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment;
+
+public static class PositiveAdjustmentEndpoint
+{
+    public static void MapPositiveAdjustmentEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/positive-adjustment").WithTags("PositiveAdjustments")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetPositiveAdjustmentListQuery());
+            return result.ToApiResponse("Positive adjustment list retrieved successfully");
+        })
+        .WithName("GetPositiveAdjustmentList");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetPositiveAdjustmentByIdQuery(id));
+            return result.ToApiResponse(result is not null
+                ? "Positive adjustment detail retrieved successfully"
+                : $"Positive adjustment with ID {id} not found");
+        })
+        .WithName("GetPositiveAdjustmentById");
+
+        group.MapGet("/lookup", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetPositiveAdjustmentLookupQuery());
+            return result.ToApiResponse("Lookup data retrieved successfully");
+        })
+        .WithName("GetPositiveAdjustmentLookup");
+
+        group.MapPost("/", async (CreatePositiveAdjustmentRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreatePositiveAdjustmentCommand(request));
+            return result.ToApiResponse("Positive adjustment has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreatePositiveAdjustment");
+
+        group.MapPost("/update", async (UpdatePositiveAdjustmentRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdatePositiveAdjustmentCommand(request));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Update failed. Positive adjustment not found.");
+            }
+            return result.ToApiResponse("Positive adjustment has been updated successfully");
+        })
+        .WithName("UpdatePositiveAdjustment");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeletePositiveAdjustmentByIdCommand(id));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. Positive adjustment not found.");
+            }
+            return true.ToApiResponse("Positive adjustment has been deleted successfully");
+        })
+        .WithName("DeletePositiveAdjustmentById");
+
+        group.MapPost("/positive-adjustment-item", async (CreatePositiveAdjustmentItemRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreatePositiveAdjustmentItemCommand(request));
+            return result.ToApiResponse("Item has been added successfully");
+        })
+        .WithName("CreatePositiveAdjustmentItem");
+
+        group.MapPost("/positive-adjustment-item/update", async (UpdatePositiveAdjustmentItemRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdatePositiveAdjustmentItemCommand(request));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Update item failed.");
+            }
+            return result.ToApiResponse("Item has been updated successfully");
+        })
+        .WithName("UpdatePositiveAdjustmentItem");
+
+        group.MapPost("/positive-adjustment-item/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeletePositiveAdjustmentItemCommand(id));
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete item failed.");
+            }
+            return true.ToApiResponse("Item has been removed successfully");
+        })
+        .WithName("DeletePositiveAdjustmentItem");
+    }
+}

Features/Inventory/PositiveAdjustment/PositiveAdjustmentPdfGenerator.cs

@@ -0,0 +1,109 @@
+using QuestPDF.Fluent;
+using QuestPDF.Helpers;
+using QuestPDF.Infrastructure;
+using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment;
+
+public class PositiveAdjustmentPdfGenerator
+{
+    public static byte[] Generate(GetPositiveAdjustmentByIdResponse data)
+    {
+        QuestPDF.Settings.License = LicenseType.Community;
+
+        var primaryBlue = "#0D47A1";
+        var textSlate = "#64748b";
+
+        return Document.Create(container =>
+        {
+            container.Page(page =>
+            {
+                page.Size(PageSizes.A4);
+                page.Margin(1.5f, Unit.Centimetre);
+                page.PageColor(Colors.White);
+                page.DefaultTextStyle(x => x.FontSize(9).FontFamily(Fonts.Verdana));
+
+                page.Header().Row(row =>
+                {
+                    row.RelativeItem().Column(col =>
+                    {
+                        col.Item().Text("POSITIVE ADJUSTMENT")
+                            .FontSize(20).ExtraBold().FontColor(primaryBlue);
+                        col.Item().Text($"{data.AutoNumber}").FontSize(11).SemiBold();
+                    });
+
+                    row.RelativeItem().AlignRight().Column(col =>
+                    {
+                        col.Item().Text("STOCK ADJUSTMENT (IN)").FontSize(11).ExtraBold();
+                        col.Item().Text($"Date: {data.AdjustmentDate?.ToString("dd MMM yyyy")}").FontColor(textSlate);
+                        col.Item().Text($"Status: {data.Status.ToString().ToUpper()}").FontColor(textSlate);
+                    });
+                });
+
+                page.Content().PaddingVertical(20).Column(col =>
+                {
+                    col.Item().Table(table =>
+                    {
+                        table.ColumnsDefinition(columns =>
+                        {
+                            columns.ConstantColumn(30);
+                            columns.RelativeColumn(4);
+                            columns.RelativeColumn(3);
+                            columns.RelativeColumn(2);
+                        });
+
+                        table.Header(header =>
+                        {
+                            header.Cell().Element(HeaderStyle).Text("#");
+                            header.Cell().Element(HeaderStyle).Text("Product");
+                            header.Cell().Element(HeaderStyle).Text("Warehouse");
+                            header.Cell().Element(HeaderStyle).AlignCenter().Text("Qty Plus");
+
+                            static IContainer HeaderStyle(IContainer container)
+                            {
+                                return container.DefaultTextStyle(x => x.SemiBold().FontColor(Colors.White))
+                                                .PaddingVertical(5).PaddingHorizontal(5).Background("#0D47A1");
+                            }
+                        });
+
+                        var index = 1;
+                        foreach (var item in data.Items)
+                        {
+                            table.Cell().Element(CellStyle).Text($"{index++}");
+                            table.Cell().Element(CellStyle).Text(item.ProductName);
+                            table.Cell().Element(CellStyle).Text(item.WarehouseName);
+                            table.Cell().Element(CellStyle).AlignCenter().Text(item.Movement?.ToString());
+
+                            static IContainer CellStyle(IContainer container)
+                            {
+                                return container.BorderBottom(1).BorderColor("#E2E8F0").PaddingVertical(8).PaddingHorizontal(5);
+                            }
+                        }
+                    });
+
+                    col.Item().PaddingTop(30).Row(row =>
+                    {
+                        row.RelativeItem().Column(c => {
+                            c.Item().Text("Description:").FontSize(8).Bold();
+                            c.Item().Text(string.IsNullOrEmpty(data.Description) ? "-" : data.Description).FontSize(8);
+                        });
+
+                        row.ConstantItem(150).Column(c => {
+                            c.Item().PaddingTop(10).AlignCenter().Text("Authorized By,").FontSize(8);
+                            c.Item().PaddingTop(40).AlignCenter().Text("____________________").FontSize(8);
+                            c.Item().AlignCenter().Text("( Inventory Manager )").FontSize(7);
+                        });
+                    });
+                });
+
+                page.Footer().AlignCenter().Text(x =>
+                {
+                    x.Span("Page ").FontSize(8);
+                    x.CurrentPageNumber().FontSize(8);
+                    x.Span(" of ").FontSize(8);
+                    x.TotalPages().FontSize(8);
+                });
+            });
+        }).GeneratePdf();
+    }
+}

Features/Inventory/PositiveAdjustment/PositiveAdjustmentService.cs

@@ -0,0 +1,86 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Inventory.PositiveAdjustment.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Inventory.PositiveAdjustment;
+
+public class PositiveAdjustmentService : BaseService
+{
+    private readonly RestClient _client;
+
+    public PositiveAdjustmentService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetPositiveAdjustmentListResponse>>?> GetPositiveAdjustmentListAsync()
+    {
+        var request = new RestRequest("api/positive-adjustment", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetPositiveAdjustmentListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetPositiveAdjustmentByIdResponse>?> GetPositiveAdjustmentByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/positive-adjustment/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetPositiveAdjustmentByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<PositiveAdjustmentLookupResponse>?> GetPositiveAdjustmentLookupAsync()
+    {
+        var request = new RestRequest("api/positive-adjustment/lookup", Method.Get);
+        return await ExecuteWithResponseAsync<PositiveAdjustmentLookupResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreatePositiveAdjustmentResponse>?> CreatePositiveAdjustmentAsync(CreatePositiveAdjustmentRequest data)
+    {
+        var request = new RestRequest("api/positive-adjustment", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreatePositiveAdjustmentResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<bool>?> UpdatePositiveAdjustmentAsync(UpdatePositiveAdjustmentRequest data)
+    {
+        var request = new RestRequest("api/positive-adjustment/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<bool> DeletePositiveAdjustmentByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/positive-adjustment/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<bool>?> CreatePositiveAdjustmentItemAsync(CreatePositiveAdjustmentItemRequest data)
+    {
+        var request = new RestRequest("api/positive-adjustment/positive-adjustment-item", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<ApiResponse<bool>?> UpdatePositiveAdjustmentItemAsync(UpdatePositiveAdjustmentItemRequest data)
+    {
+        var request = new RestRequest("api/positive-adjustment/positive-adjustment-item/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<bool>(_client, request);
+    }
+
+    public async Task<bool> DeletePositiveAdjustmentItemAsync(string id)
+    {
+        var request = new RestRequest($"api/positive-adjustment/positive-adjustment-item/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+}

Features/Inventory/Product/Components/ProductPage.razor

@@ -0,0 +1,28 @@
+@page "/inventory/product"
+@using Indotalent.Features.Inventory.Product
+@using Indotalent.Features.Inventory.Product.Cqrs
+@using Indotalent.Features.Inventory.Product.Components
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_ProductCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_ProductUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_ProductDataTable OnAdd="() => ShowCreate()" OnEdit="(item) => ShowUpdate(item, false)" OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateProductRequest? _selectedData;
+    private void ShowCreate() => _currentView = ViewMode.Create;
+    private void ShowUpdate(UpdateProductRequest data, bool isReadOnly) { _selectedData = data; _currentView = isReadOnly ? ViewMode.View : ViewMode.Update; }
+    private void BackToTable() { _currentView = ViewMode.Table; _selectedData = null; }
+    private void HandleSuccess() { _currentView = ViewMode.Table; _selectedData = null; }
+}

Features/Inventory/Product/Components/_ProductCreateForm.razor

@@ -0,0 +1,114 @@
+@using Indotalent.Features.Inventory.Product
+@using Indotalent.Features.Inventory.Product.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject ProductService ProductService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Product</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Define item specification, pricing, and category.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Product Name</MudText>
+                <MudTextField @bind-Value="_model.Name" For="@(() => _model.Name)" Validation="@(_validator.ValidateValue())" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Unit Price</MudText>
+                <MudNumericField @bind-Value="_model.UnitPrice" For="@(() => _model.UnitPrice)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" HideSpinButtons="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Product Group</MudText>
+                <MudSelect @bind-Value="_model.ProductGroupId"
+                           For="@(() => _model.ProductGroupId)"
+                           Variant="Variant.Outlined"
+                           Margin="Margin.Dense"
+                           FullWidth="true"
+                           Dense="true"
+                           AnchorOrigin="Origin.BottomCenter"
+                           TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookupData.ProductGroups)
+                    {
+                        <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Unit of Measure</MudText>
+                <MudSelect @bind-Value="_model.UnitMeasureId"
+                           For="@(() => _model.UnitMeasureId)"
+                           Variant="Variant.Outlined"
+                           Margin="Margin.Dense"
+                           FullWidth="true"
+                           Dense="true"
+                           AnchorOrigin="Origin.BottomCenter"
+                           TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookupData.UnitMeasures)
+                    {
+                        <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudCheckBox @bind-Value="_model.Physical" Label="Physical Product" Color="Color.Primary" Dense="true" Style="font-weight: 700;" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description" For="@(() => _model.Description)" Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">Cancel</MudButton>
+            <MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Product</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+    private MudForm _form = default!;
+    private CreateProductValidator _validator = new();
+    private CreateProductRequest _model = new();
+    private LookupProductResponse _lookupData = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var response = await ProductService.GetProductLookupAsync();
+        if (response != null && response.IsSuccess) { _lookupData = response.Value!; }
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await ProductService.CreateProductAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess) { Snackbar.Add("Product created successfully", Severity.Success); await OnSuccess.InvokeAsync(); }
+        }
+        finally { _processing = false; }
+    }
+}

Features/Inventory/Product/Components/_ProductDataTable.razor

@@ -0,0 +1,302 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.Product
+@using Indotalent.Features.Inventory.Product.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject ProductService ProductService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Product Management</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage your goods, services, and inventory items.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Product</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined" Color="Color.Success" OnClick="ExportToExcel" Size="Size.Small" Disabled="_isExporting" StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined" Color="Color.Primary" OnClick="LoadData" Size="Size.Small" StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" Disabled="_isRefreshing" Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedProduct != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">Edit</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="background: white; border: 1px solid #FCA5A5; color: #EF4444; text-transform: none; font-weight: 500; border-radius: 6px;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedProduct = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                    Add New Product
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetProductListResponse" OnRowClick="@((args) => _selectedProduct = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.Name!)">Product</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.ProductGroupName!)">Group</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.UnitMeasureName!)">UoM</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; text-align: right; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetProductListResponse, object>(x => x.UnitPrice!)">Unit Price</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">Type</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedProduct?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <div class="d-flex flex-column">
+                    <MudText Typo="Typo.body2" Style="font-weight: 500;">@context.Name</MudText>
+                    <MudText Typo="Typo.caption" Style="color: #9CA3AF;">@context.AutoNumber</MudText>
+                </div>
+            </MudTd>
+            <MudTd>@context.ProductGroupName</MudTd>
+            <MudTd>@context.UnitMeasureName</MudTd>
+            <MudTd Style="text-align: right;">@context.UnitPrice?.ToString("N2")</MudTd>
+            <MudTd>
+                <MudChip T="string" Color="@(context.Physical == true ? Color.Info : Color.Warning)" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600; border-radius: 6px;">
+                    @(context.Physical == true ? "PHYSICAL" : "SERVICE")
+                </MudChip>
+            </MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500;">Rows per page:</MudText>
+            <MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Prev</MudButton>
+            @{
+                var totalPages = _totalPage == 0 ? 1 : _totalPage;
+                var maxVisible = 5;
+                var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+                var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+                if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+            }
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                var pageNum = i;
+                var isActive = pageNum == _currentPage;
+                <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+                           Variant="Variant.Text" Size="Size.Small"
+                           Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+            }
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateProductRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateProductRequest> OnView { get; set; }
+
+    private List<GetProductListResponse> _products = new();
+    private GetProductListResponse? _selectedProduct;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedProduct = null;
+        StateHasChanged();
+        try
+        {
+            var response = await ProductService.GetProductListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _products = response.Value ?? new List<GetProductListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetProductListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _products;
+        return _products.Where(x =>
+            (x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetProductListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick() { _skip = 0; _selectedProduct = null; StateHasChanged(); }
+    private void HandleSearchKeyDown(KeyboardEventArgs e) { if (e.Key == "Enter") OnSearchClick(); }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        try
+        {
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("Products");
+                worksheet.Cell(1, 1).Value = "Product Name";
+                worksheet.Cell(1, 2).Value = "Number";
+                worksheet.Cell(1, 3).Value = "Group";
+                worksheet.Cell(1, 4).Value = "UoM";
+                worksheet.Cell(1, 5).Value = "Unit Price";
+                
+                var headerRange = worksheet.Range(1, 1, 1, 5);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                var currentRow = 1;
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.Name;
+                    worksheet.Cell(currentRow, 2).Value = item.AutoNumber;
+                    worksheet.Cell(currentRow, 3).Value = item.ProductGroupName;
+                    worksheet.Cell(currentRow, 4).Value = item.UnitMeasureName;
+                    worksheet.Cell(currentRow, 5).Value = item.UnitPrice;
+                }
+                worksheet.Columns().AdjustToContents();
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Product_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                }
+            }
+        }
+        finally { _isExporting = false; StateHasChanged(); }
+    }
+
+    private void OnPageChanged(int page) { if (page >= 1 && page <= _totalPage) { _skip = (page - 1) * _top; _selectedProduct = null; StateHasChanged(); } }
+    private void OnPageSizeChanged(int size) { _top = size; _skip = 0; _selectedProduct = null; StateHasChanged(); }
+
+    private async Task InvokeEdit() { if (_selectedProduct != null) { var req = await MapToUpdateRequest(_selectedProduct.Id); if (req != null) await OnEdit.InvokeAsync(req); } }
+    private async Task InvokeView() { if (_selectedProduct != null) { var req = await MapToUpdateRequest(_selectedProduct.Id); if (req != null) await OnView.InvokeAsync(req); } }
+
+    private async Task<UpdateProductRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await ProductService.GetProductByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var d = response.Value;
+            return new UpdateProductRequest { Id = d.Id, Name = d.Name, Description = d.Description, UnitPrice = d.UnitPrice, Physical = d.Physical, UnitMeasureId = d.UnitMeasureId, ProductGroupId = d.ProductGroupId, CreatedAt = d.CreatedAt, CreatedBy = d.CreatedBy, UpdatedAt = d.UpdatedAt, UpdatedBy = d.UpdatedBy };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedProduct == null) return;
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedProduct.Name } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await ProductService.DeleteProductByIdAsync(_selectedProduct.Id);
+            if (isSuccess) { _selectedProduct = null; await LoadData(); Snackbar.Add("Product deleted successfully", Severity.Success); }
+        }
+    }
+}

Features/Inventory/Product/Components/_ProductUpdateForm.razor

@@ -0,0 +1,187 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.Product
+@using Indotalent.Features.Inventory.Product.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject ProductService ProductService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Product Details" : "Edit Product")</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing product specification." : "Modify existing product information.")</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    @if (_isDataLoading)
+    {
+        <div class="d-flex justify-center pa-10">
+            <MudProgressCircular Color="Color.Primary" Indeterminate="true" />
+        </div>
+    }
+    else
+    {
+        <MudForm @ref="_form" Model="_model">
+            <MudGrid Spacing="3">
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Product Name</MudText>
+                    <MudTextField @bind-Value="_model.Name" For="@(() => _model.Name)" Validation="@(_validator.ValidateValue())" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Unit Price</MudText>
+                    <MudNumericField @bind-Value="_model.UnitPrice" For="@(() => _model.UnitPrice)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" HideSpinButtons="true" />
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Product Group</MudText>
+                    <MudSelect @bind-Value="_model.ProductGroupId"
+                               For="@(() => _model.ProductGroupId)"
+                               ReadOnly="ReadOnly"
+                               Variant="Variant.Outlined"
+                               Margin="Margin.Dense"
+                               FullWidth="true"
+                               Dense="true"
+                               AnchorOrigin="Origin.BottomCenter"
+                               TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookupData.ProductGroups)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Unit of Measure</MudText>
+                    <MudSelect @bind-Value="_model.UnitMeasureId"
+                               For="@(() => _model.UnitMeasureId)"
+                               ReadOnly="ReadOnly"
+                               Variant="Variant.Outlined"
+                               Margin="Margin.Dense"
+                               FullWidth="true"
+                               Dense="true"
+                               AnchorOrigin="Origin.BottomCenter"
+                               TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookupData.UnitMeasures)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudCheckBox @bind-Value="_model.Physical" Label="Physical Product" Color="Color.Primary" Dense="true" ReadOnly="ReadOnly" Style="font-weight: 700;" />
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                    <MudTextField @bind-Value="_model.Description" For="@(() => _model.Description)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+                </MudItem>
+
+                <MudItem xs="12" Class="mt-4">
+                    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                    <MudDivider Class="mt-2 mb-4" />
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Created At</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Created By</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+                </MudItem>
+            </MudGrid>
+            <div class="d-flex justify-end gap-2 mt-10">
+                <MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">@(ReadOnly ? "Back to List" : "Cancel")</MudButton>
+                @if (!ReadOnly)
+                {
+                    <MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                        @if (_processing)
+                        {
+                            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                            <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
+                        }
+                        else
+                        {
+                            <MudText>Save Changes</MudText>
+                        }
+                    </MudButton>
+                }
+            </div>
+        </MudForm>
+    }
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateProductRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+    private MudForm _form = default!;
+    private UpdateProductValidator _validator = new();
+    private UpdateProductRequest _model = new();
+    private LookupProductResponse _lookupData = new();
+    private bool _processing = false;
+    private bool _isDataLoading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        _isDataLoading = true;
+        try
+        {
+            var response = await ProductService.GetProductLookupAsync();
+            if (response != null && response.IsSuccess)
+            {
+                _lookupData = response.Value!;
+            }
+
+            _model = new UpdateProductRequest
+            {
+                Id = Data.Id,
+                Name = Data.Name,
+                Description = Data.Description,
+                UnitPrice = Data.UnitPrice,
+                Physical = Data.Physical,
+                UnitMeasureId = Data.UnitMeasureId,
+                ProductGroupId = Data.ProductGroupId,
+                CreatedAt = Data.CreatedAt,
+                CreatedBy = Data.CreatedBy,
+                UpdatedAt = Data.UpdatedAt,
+                UpdatedBy = Data.UpdatedBy
+            };
+        }
+        finally
+        {
+            _isDataLoading = false;
+        }
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await ProductService.UpdateProductAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Product updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Inventory/Product/Cqrs/CreateProductHandler.cs

@@ -0,0 +1,71 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class CreateProductRequest
+{
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public decimal? UnitPrice { get; set; }
+    public bool? Physical { get; set; } = true;
+    public string? UnitMeasureId { get; set; }
+    public string? ProductGroupId { get; set; }
+}
+
+public class CreateProductResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public record CreateProductCommand(CreateProductRequest Data) : IRequest<CreateProductResponse>;
+
+public class CreateProductHandler : IRequestHandler<CreateProductCommand, CreateProductResponse>
+{
+    private readonly AppDbContext _context;
+
+    public CreateProductHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateProductResponse> Handle(CreateProductCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Product
+            .AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Product", request.Data.Name ?? string.Empty);
+        }
+
+        var entityName = nameof(Data.Entities.Product);
+
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.Product
+        {
+            AutoNumber = autoNo,
+            Name = request.Data.Name,
+            Description = request.Data.Description,
+            UnitPrice = request.Data.UnitPrice,
+            Physical = request.Data.Physical,
+            UnitMeasureId = request.Data.UnitMeasureId,
+            ProductGroupId = request.Data.ProductGroupId
+        };
+
+        _context.Product.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateProductResponse
+        {
+            Id = entity.Id,
+            Name = entity.Name
+        };
+    }
+}

Features/Inventory/Product/Cqrs/CreateProductValidator.cs

@@ -0,0 +1,23 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class CreateProductValidator : AbstractValidator<CreateProductRequest>
+{
+    public CreateProductValidator()
+    {
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Product Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.UnitMeasureId)
+            .NotEmpty().WithMessage("Unit of Measure is required");
+
+        RuleFor(x => x.ProductGroupId)
+            .NotEmpty().WithMessage("Product Group is required");
+
+        RuleFor(x => x.UnitPrice)
+            .GreaterThanOrEqualTo(0).WithMessage("Unit Price cannot be negative");
+    }
+}

Features/Inventory/Product/Cqrs/DeleteProductByIdHandler.cs

@@ -0,0 +1,27 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public record DeleteProductByIdRequest(string Id);
+
+public record DeleteProductByIdCommand(DeleteProductByIdRequest Data) : IRequest<bool>;
+
+public class DeleteProductByIdHandler : IRequestHandler<DeleteProductByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+
+    public DeleteProductByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteProductByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Product
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.Product.Remove(entity);
+        return await _context.SaveChangesAsync(cancellationToken) > 0;
+    }
+}

Features/Inventory/Product/Cqrs/GetProductByIdHandler.cs

@@ -0,0 +1,53 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class GetProductByIdResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public decimal? UnitPrice { get; set; }
+    public bool? Physical { get; set; }
+    public string? UnitMeasureId { get; set; }
+    public string? ProductGroupId { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetProductByIdQuery(string Id) : IRequest<GetProductByIdResponse?>;
+
+public class GetProductByIdHandler : IRequestHandler<GetProductByIdQuery, GetProductByIdResponse?>
+{
+    private readonly AppDbContext _context;
+
+    public GetProductByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetProductByIdResponse?> Handle(GetProductByIdQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Product
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetProductByIdResponse
+            {
+                Id = x.Id,
+                AutoNumber = x.AutoNumber,
+                Name = x.Name,
+                Description = x.Description,
+                UnitPrice = x.UnitPrice,
+                Physical = x.Physical,
+                UnitMeasureId = x.UnitMeasureId,
+                ProductGroupId = x.ProductGroupId,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Inventory/Product/Cqrs/GetProductListHandler.cs

@@ -0,0 +1,47 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class GetProductListResponse
+{
+    public string? Id { get; set; }
+    public string? AutoNumber { get; set; }
+    public string? Name { get; set; }
+    public decimal? UnitPrice { get; set; }
+    public bool? Physical { get; set; }
+    public string? UnitMeasureName { get; set; }
+    public string? ProductGroupName { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+}
+
+public record GetProductListQuery() : IRequest<List<GetProductListResponse>>;
+
+public class GetProductListHandler : IRequestHandler<GetProductListQuery, List<GetProductListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetProductListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetProductListResponse>> Handle(GetProductListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Product
+            .AsNoTracking()
+            .Include(x => x.UnitMeasure)
+            .Include(x => x.ProductGroup)
+            .OrderByDescending(x => x.CreatedAt)
+            .Select(x => new GetProductListResponse
+            {
+                Id = x.Id,
+                AutoNumber = x.AutoNumber,
+                Name = x.Name,
+                UnitPrice = x.UnitPrice,
+                Physical = x.Physical,
+                UnitMeasureName = x.UnitMeasure != null ? x.UnitMeasure.Name : string.Empty,
+                ProductGroupName = x.ProductGroup != null ? x.ProductGroup.Name : string.Empty,
+                CreatedAt = x.CreatedAt
+            })
+            .ToListAsync(cancellationToken);
+    }
+}

Features/Inventory/Product/Cqrs/LookupProductHandler.cs

@@ -0,0 +1,45 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class LookupProductResponse
+{
+    public List<LookupItem> UnitMeasures { get; set; } = new();
+    public List<LookupItem> ProductGroups { get; set; } = new();
+}
+
+public class LookupItem
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public record LookupProductQuery() : IRequest<LookupProductResponse>;
+
+public class LookupProductHandler : IRequestHandler<LookupProductQuery, LookupProductResponse>
+{
+    private readonly AppDbContext _context;
+
+    public LookupProductHandler(AppDbContext context) => _context = context;
+
+    public async Task<LookupProductResponse> Handle(LookupProductQuery request, CancellationToken cancellationToken)
+    {
+        var result = new LookupProductResponse();
+
+        result.UnitMeasures = await _context.UnitMeasure
+            .AsNoTracking()
+            .OrderBy(x => x.Name)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.Name })
+            .ToListAsync(cancellationToken);
+
+        result.ProductGroups = await _context.ProductGroup
+            .AsNoTracking()
+            .OrderBy(x => x.Name)
+            .Select(x => new LookupItem { Id = x.Id, Name = x.Name })
+            .ToListAsync(cancellationToken);
+
+        return result;
+    }
+}

Features/Inventory/Product/Cqrs/UpdateProductHandler.cs

@@ -0,0 +1,70 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class UpdateProductRequest
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public decimal? UnitPrice { get; set; }
+    public bool? Physical { get; set; }
+    public string? UnitMeasureId { get; set; }
+    public string? ProductGroupId { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public class UpdateProductResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+public record UpdateProductCommand(UpdateProductRequest Data) : IRequest<UpdateProductResponse>;
+
+public class UpdateProductHandler : IRequestHandler<UpdateProductCommand, UpdateProductResponse>
+{
+    private readonly AppDbContext _context;
+
+    public UpdateProductHandler(AppDbContext context) => _context = context;
+
+    public async Task<UpdateProductResponse> Handle(UpdateProductCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Product
+            .AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Product", request.Data.Name ?? string.Empty);
+        }
+
+        var entity = await _context.Product
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null)
+        {
+            return new UpdateProductResponse { Id = request.Data.Id, Success = false };
+        }
+
+        entity.Name = request.Data.Name;
+        entity.Description = request.Data.Description;
+        entity.UnitPrice = request.Data.UnitPrice;
+        entity.Physical = request.Data.Physical;
+        entity.UnitMeasureId = request.Data.UnitMeasureId;
+        entity.ProductGroupId = request.Data.ProductGroupId;
+
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new UpdateProductResponse
+        {
+            Id = entity.Id,
+            Success = true
+        };
+    }
+}

Features/Inventory/Product/Cqrs/UpdateProductValidator.cs

@@ -0,0 +1,26 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Inventory.Product.Cqrs;
+
+public class UpdateProductValidator : AbstractValidator<UpdateProductRequest>
+{
+    public UpdateProductValidator()
+    {
+        RuleFor(x => x.Id)
+            .NotEmpty().WithMessage("ID is required for update");
+
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Product Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.UnitMeasureId)
+            .NotEmpty().WithMessage("Unit of Measure is required");
+
+        RuleFor(x => x.ProductGroupId)
+            .NotEmpty().WithMessage("Product Group is required");
+
+        RuleFor(x => x.UnitPrice)
+            .GreaterThanOrEqualTo(0).WithMessage("Unit Price cannot be negative");
+    }
+}

Features/Inventory/Product/ProductEndpoint.cs

@@ -0,0 +1,82 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Inventory.Product.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Inventory.Product;
+
+public static class ProductEndpoint
+{
+    public static void MapProductEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/product").WithTags("Products")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetProductListQuery());
+
+            return result.ToApiResponse("Product list retrieved successfully");
+        })
+        .WithName("GetProductList")
+        .WithTags("Products");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetProductByIdQuery(id));
+
+            return result.ToApiResponse(result is not null
+                ? "Product detail retrieved successfully"
+                : $"Product with ID {id} not found");
+        })
+        .WithName("GetProductById")
+        .WithTags("Products");
+
+        group.MapGet("/lookup", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new LookupProductQuery());
+
+            return result.ToApiResponse("Product lookup data retrieved successfully");
+        })
+        .WithName("GetProductLookup")
+        .WithTags("Products");
+
+        group.MapPost("/", async (CreateProductRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateProductCommand(request));
+
+            return result.ToApiResponse("Product has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateProduct")
+        .WithTags("Products");
+
+        group.MapPost("/update", async (UpdateProductRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateProductCommand(request));
+
+            if (!result.Success)
+            {
+                return ((object?)null).ToApiResponse("Update failed. The product data could not be found.");
+            }
+
+            return result.ToApiResponse("Product has been updated successfully");
+        })
+        .WithName("UpdateProduct")
+        .WithTags("Products");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteProductByIdCommand(new DeleteProductByIdRequest(id)));
+
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. The product data could not be found.");
+            }
+
+            return true.ToApiResponse("Product has been deleted successfully");
+        })
+        .WithName("DeleteProductById")
+        .WithTags("Products");
+    }
+}

Features/Inventory/Product/ProductService.cs

@@ -0,0 +1,66 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Inventory.Product.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Inventory.Product;
+
+public class ProductService : BaseService
+{
+    private readonly RestClient _client;
+
+    public ProductService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetProductListResponse>>?> GetProductListAsync()
+    {
+        var request = new RestRequest("api/product", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetProductListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetProductByIdResponse>?> GetProductByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/product/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetProductByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<LookupProductResponse>?> GetProductLookupAsync()
+    {
+        var request = new RestRequest("api/product/lookup", Method.Get);
+        return await ExecuteWithResponseAsync<LookupProductResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateProductResponse>?> CreateProductAsync(CreateProductRequest data)
+    {
+        var request = new RestRequest("api/product", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateProductResponse>(_client, request);
+    }
+
+    public async Task<bool> DeleteProductByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/product/delete/{id}", Method.Post);
+
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<UpdateProductResponse>?> UpdateProductAsync(UpdateProductRequest data)
+    {
+        var request = new RestRequest("api/product/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateProductResponse>(_client, request);
+    }
+}

Features/Inventory/ProductGroup/Components/ProductGroupPage.razor

@@ -0,0 +1,53 @@
+@page "/inventory/product-group"
+@using Indotalent.Features.Inventory.ProductGroup
+@using Indotalent.Features.Inventory.ProductGroup.Cqrs
+@using Indotalent.Features.Inventory.ProductGroup.Components
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_ProductGroupCreateForm OnCancel="BackToTable"
+                             OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_ProductGroupUpdateForm Data="_selectedData!"
+                             ReadOnly="@(_currentView == ViewMode.View)"
+                             OnCancel="BackToTable"
+                             OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_ProductGroupDataTable OnAdd="() => ShowCreate()"
+                            OnEdit="(item) => ShowUpdate(item, false)"
+                            OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateProductGroupRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateProductGroupRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Inventory/ProductGroup/Components/_ProductGroupCreateForm.razor

@@ -0,0 +1,97 @@
+@using Indotalent.Features.Inventory.ProductGroup
+@using Indotalent.Features.Inventory.ProductGroup.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject ProductGroupService ProductGroupService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Group</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Create a new category for your products.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Group Name</MudText>
+                <MudTextField @bind-Value="_model.Name"
+                              For="@(() => _model.Name)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Raw Material, Finished Goods" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Group</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateProductGroupValidator _validator = new();
+    private CreateProductGroupRequest _model = new();
+    private bool _processing = false;
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await ProductGroupService.CreateProductGroupAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Group created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Inventory/ProductGroup/Components/_ProductGroupDataTable.razor

@@ -0,0 +1,376 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.ProductGroup
+@using Indotalent.Features.Inventory.ProductGroup.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject ProductGroupService ProductGroupService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Product Group</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Categorize and manage your product groupings.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Product Group</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Success"
+                       OnClick="ExportToExcel"
+                       Size="Size.Small"
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Primary"
+                       OnClick="LoadData"
+                       Size="Size.Small"
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
+                       Disabled="_isRefreshing"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedGroup != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">Edit</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="background: white; border: 1px solid #FCA5A5; color: #EF4444; text-transform: none; font-weight: 500; border-radius: 6px;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedGroup = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                    Add New Group
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetProductGroupListResponse" OnRowClick="@((args) => _selectedGroup = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetProductGroupListResponse, object>(x => x.Name!)">Group Name</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">Description</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedGroup?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <div class="d-flex align-center gap-2">
+                    <MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 600;">
+                        @(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
+                    </MudAvatar>
+                    <MudText Typo="Typo.body2" Style="font-weight: 500;">@context.Name</MudText>
+                </div>
+            </MudTd>
+            <MudTd>@context.Description</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500;">Rows per page:</MudText>
+            
+            <MudSelect T="int"
+                       Value="@_top"
+                       ValueChanged="OnPageSizeChanged"
+                       Dense="true"
+                       Margin="Margin.Dense"
+                       Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;"
+                       Variant="Variant.Outlined"
+                       Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Prev</MudButton>
+            @{
+                var totalPages = _totalPage == 0 ? 1 : _totalPage;
+                var maxVisible = 5;
+                var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+                var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+                if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+            }
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                var pageNum = i;
+                var isActive = pageNum == _currentPage;
+                <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+                           Variant="Variant.Text" Size="Size.Small"
+                           Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+            }
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateProductGroupRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateProductGroupRequest> OnView { get; set; }
+
+    private List<GetProductGroupListResponse> _groups = new();
+    private GetProductGroupListResponse? _selectedGroup;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedGroup = null;
+        StateHasChanged();
+        try
+        {
+            var response = await ProductGroupService.GetProductGroupListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _groups = response.Value ?? new List<GetProductGroupListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetProductGroupListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _groups;
+        return _groups.Where(x =>
+            (x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Description?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetProductGroupListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedGroup = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("ProductGroups");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Group Name";
+                worksheet.Cell(currentRow, 2).Value = "Description";
+
+                var headerRange = worksheet.Range(1, 1, 1, 2);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.Name;
+                    worksheet.Cell(currentRow, 2).Value = item.Description;
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "ProductGroup_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedGroup = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedGroup = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedGroup == null) return;
+        var request = await MapToUpdateRequest(_selectedGroup.Id);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedGroup == null) return;
+        var request = await MapToUpdateRequest(_selectedGroup.Id);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateProductGroupRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await ProductGroupService.GetProductGroupByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateProductGroupRequest
+            {
+                Id = detail.Id,
+                Name = detail.Name,
+                Description = detail.Description,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedGroup == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedGroup.Name } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await ProductGroupService.DeleteProductGroupByIdAsync(_selectedGroup.Id);
+            if (isSuccess)
+            {
+                _selectedGroup = null;
+                await LoadData();
+                Snackbar.Add("Group deleted successfully", Severity.Success);
+            }
+            else
+            {
+                Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
+            }
+        }
+    }
+}

Features/Inventory/ProductGroup/Components/_ProductGroupUpdateForm.razor

@@ -0,0 +1,143 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.ProductGroup
+@using Indotalent.Features.Inventory.ProductGroup.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject ProductGroupService ProductGroupService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Group Details" : "Edit Group")</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing product group specification." : "Modify existing group information.")</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Group Name</MudText>
+                <MudTextField @bind-Value="_model.Name"
+                              For="@(() => _model.Name)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-4">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-10">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Updating...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateProductGroupRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateProductGroupValidator _validator = new();
+    private UpdateProductGroupRequest _model = new();
+    private bool _processing = false;
+
+    protected override void OnInitialized()
+    {
+        _model = new UpdateProductGroupRequest
+        {
+            Id = Data.Id,
+            Name = Data.Name,
+            Description = Data.Description,
+            CreatedAt = Data.CreatedAt,
+            CreatedBy = Data.CreatedBy,
+            UpdatedAt = Data.UpdatedAt,
+            UpdatedBy = Data.UpdatedBy
+        };
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await ProductGroupService.UpdateProductGroupAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Group updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Inventory/ProductGroup/Cqrs/CreateProductGroupHandler.cs

@@ -0,0 +1,54 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public class CreateProductGroupRequest
+{
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+}
+
+public class CreateProductGroupResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public record CreateProductGroupCommand(CreateProductGroupRequest Data) : IRequest<CreateProductGroupResponse>;
+
+public class CreateProductGroupHandler : IRequestHandler<CreateProductGroupCommand, CreateProductGroupResponse>
+{
+    private readonly AppDbContext _context;
+
+    public CreateProductGroupHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateProductGroupResponse> Handle(CreateProductGroupCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.ProductGroup
+            .AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Product Group", request.Data.Name ?? string.Empty);
+        }
+
+        var entity = new Data.Entities.ProductGroup
+        {
+            Name = request.Data.Name,
+            Description = request.Data.Description
+        };
+
+        _context.ProductGroup.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateProductGroupResponse
+        {
+            Id = entity.Id,
+            Name = entity.Name
+        };
+    }
+}

Features/Inventory/ProductGroup/Cqrs/CreateProductGroupValidator.cs

@@ -0,0 +1,17 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public class CreateProductGroupValidator : AbstractValidator<CreateProductGroupRequest>
+{
+    public CreateProductGroupValidator()
+    {
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Group Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Description)
+            .MaximumLength(GlobalConsts.StringLengthMedium);
+    }
+}

Features/Inventory/ProductGroup/Cqrs/DeleteProductGroupByIdHandler.cs

@@ -0,0 +1,27 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public record DeleteProductGroupByIdRequest(string Id);
+
+public record DeleteProductGroupByIdCommand(DeleteProductGroupByIdRequest Data) : IRequest<bool>;
+
+public class DeleteProductGroupByIdHandler : IRequestHandler<DeleteProductGroupByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+
+    public DeleteProductGroupByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteProductGroupByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.ProductGroup
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.ProductGroup.Remove(entity);
+        return await _context.SaveChangesAsync(cancellationToken) > 0;
+    }
+}

Features/Inventory/ProductGroup/Cqrs/GetProductGroupByIdHandler.cs

@@ -0,0 +1,43 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public class GetProductGroupByIdResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetProductGroupByIdQuery(string Id) : IRequest<GetProductGroupByIdResponse?>;
+
+public class GetProductGroupByIdHandler : IRequestHandler<GetProductGroupByIdQuery, GetProductGroupByIdResponse?>
+{
+    private readonly AppDbContext _context;
+
+    public GetProductGroupByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetProductGroupByIdResponse?> Handle(GetProductGroupByIdQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.ProductGroup
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetProductGroupByIdResponse
+            {
+                Id = x.Id,
+                Name = x.Name,
+                Description = x.Description,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Inventory/ProductGroup/Cqrs/GetProductGroupListHandler.cs

@@ -0,0 +1,43 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public class GetProductGroupListResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetProductGroupListQuery() : IRequest<List<GetProductGroupListResponse>>;
+
+public class GetProductGroupListHandler : IRequestHandler<GetProductGroupListQuery, List<GetProductGroupListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetProductGroupListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetProductGroupListResponse>> Handle(GetProductGroupListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.ProductGroup
+            .AsNoTracking()
+            .OrderBy(x => x.Name)
+            .Select(x => new GetProductGroupListResponse
+            {
+                Id = x.Id,
+                Name = x.Name,
+                Description = x.Description,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .ToListAsync(cancellationToken);
+    }
+}

Features/Inventory/ProductGroup/Cqrs/UpdateProductGroupHandler.cs

@@ -0,0 +1,61 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public class UpdateProductGroupRequest
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public class UpdateProductGroupResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+public record UpdateProductGroupCommand(UpdateProductGroupRequest Data) : IRequest<UpdateProductGroupResponse>;
+
+public class UpdateProductGroupHandler : IRequestHandler<UpdateProductGroupCommand, UpdateProductGroupResponse>
+{
+    private readonly AppDbContext _context;
+
+    public UpdateProductGroupHandler(AppDbContext context) => _context = context;
+
+    public async Task<UpdateProductGroupResponse> Handle(UpdateProductGroupCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.ProductGroup
+            .AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Product Group", request.Data.Name ?? string.Empty);
+        }
+
+        var entity = await _context.ProductGroup
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null)
+        {
+            return new UpdateProductGroupResponse { Id = request.Data.Id, Success = false };
+        }
+
+        entity.Name = request.Data.Name;
+        entity.Description = request.Data.Description;
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new UpdateProductGroupResponse
+        {
+            Id = entity.Id,
+            Success = true
+        };
+    }
+}

Features/Inventory/ProductGroup/Cqrs/UpdateProductGroupValidator.cs

@@ -0,0 +1,20 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Inventory.ProductGroup.Cqrs;
+
+public class UpdateProductGroupValidator : AbstractValidator<UpdateProductGroupRequest>
+{
+    public UpdateProductGroupValidator()
+    {
+        RuleFor(x => x.Id)
+            .NotEmpty().WithMessage("ID is required for update");
+
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Group Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Description)
+            .MaximumLength(GlobalConsts.StringLengthMedium);
+    }
+}

Features/Inventory/ProductGroup/ProductGroupEndpoint.cs

@@ -0,0 +1,73 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Inventory.ProductGroup.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Inventory.ProductGroup;
+
+public static class ProductGroupEndpoint
+{
+    public static void MapProductGroupEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/product-group").WithTags("ProductGroups")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetProductGroupListQuery());
+
+            return result.ToApiResponse("Product group list retrieved successfully");
+        })
+        .WithName("GetProductGroupList")
+        .WithTags("ProductGroups");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetProductGroupByIdQuery(id));
+
+            return result.ToApiResponse(result is not null
+                ? "Product group detail retrieved successfully"
+                : $"Product group with ID {id} not found");
+        })
+        .WithName("GetProductGroupById")
+        .WithTags("ProductGroups");
+
+        group.MapPost("/", async (CreateProductGroupRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateProductGroupCommand(request));
+
+            return result.ToApiResponse("Product group has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateProductGroup")
+        .WithTags("ProductGroups");
+
+        group.MapPost("/update", async (UpdateProductGroupRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateProductGroupCommand(request));
+
+            if (!result.Success)
+            {
+                return ((object?)null).ToApiResponse("Update failed. The product group data could not be found.");
+            }
+
+            return result.ToApiResponse("Product group has been updated successfully");
+        })
+        .WithName("UpdateProductGroup")
+        .WithTags("ProductGroups");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteProductGroupByIdCommand(new DeleteProductGroupByIdRequest(id)));
+
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. The product group data could not be found.");
+            }
+
+            return true.ToApiResponse("Product group has been deleted successfully");
+        })
+        .WithName("DeleteProductGroupById")
+        .WithTags("ProductGroups");
+    }
+}

Features/Inventory/ProductGroup/ProductGroupService.cs

@@ -0,0 +1,60 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Inventory.ProductGroup.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Inventory.ProductGroup;
+
+public class ProductGroupService : BaseService
+{
+    private readonly RestClient _client;
+
+    public ProductGroupService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetProductGroupListResponse>>?> GetProductGroupListAsync()
+    {
+        var request = new RestRequest("api/product-group", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetProductGroupListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetProductGroupByIdResponse>?> GetProductGroupByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/product-group/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetProductGroupByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateProductGroupResponse>?> CreateProductGroupAsync(CreateProductGroupRequest data)
+    {
+        var request = new RestRequest("api/product-group", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateProductGroupResponse>(_client, request);
+    }
+
+    public async Task<bool> DeleteProductGroupByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/product-group/delete/{id}", Method.Post);
+
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<UpdateProductGroupResponse>?> UpdateProductGroupAsync(UpdateProductGroupRequest data)
+    {
+        var request = new RestRequest("api/product-group/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateProductGroupResponse>(_client, request);
+    }
+}

Features/Inventory/Scrapping/Components/ScrappingPage.razor

@@ -0,0 +1,51 @@
+@page "/inventory/scrapping"
+@using Indotalent.Features.Inventory.Scrapping.Cqrs
+@using Indotalent.Features.Inventory.Scrapping.Components
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_ScrappingCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_ScrappingUpdateForm Data="_selectedData!"
+                          ReadOnly="@(_currentView == ViewMode.View)"
+                          OnCancel="BackToTable"
+                          OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_ScrappingDataTable OnAdd="() => ShowCreate()"
+                         OnEdit="(item) => ShowUpdate(item, false)"
+                         OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateScrappingRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateScrappingRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Inventory/Scrapping/Components/_ScrappingCreateForm.razor

@@ -0,0 +1,127 @@
+@using Indotalent.Features.Inventory.Scrapping.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject ScrappingService ScrappingService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add Scrapping</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Create a new inventory scrapping session.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12"><MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Scrapping Header</MudText><MudDivider /></MudItem>
+            
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Scrapping Date</MudText>
+                <MudDatePicker @bind-Date="_model.ScrappingDate"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Warehouse</MudText>
+                <MudSelect T="string" @bind-Value="_model.WarehouseId"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Warehouses)
+                    {
+                        <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-0">Status</MudText>
+                <MudSelect T="Indotalent.Data.Enums.ScrappingStatus" @bind-Value="_model.Status"
+                           Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true" FullWidth="true"
+                           AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                    @foreach (var item in _lookup.Statuses)
+                    {
+                        <MudSelectItem Value="@((Indotalent.Data.Enums.ScrappingStatus)item.Value)">@item.Name</MudSelectItem>
+                    }
+                </MudSelect>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; border: 1px solid #e0e0e0; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Scrapping</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateScrappingValidator _validator = new();
+    private CreateScrappingRequest _model = new() { ScrappingDate = DateTime.Today };
+    private ScrappingLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await ScrappingService.GetScrappingLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await ScrappingService.CreateScrappingAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Inventory/Scrapping/Components/_ScrappingDataTable.razor

@@ -0,0 +1,382 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.Scrapping
+@using Indotalent.Features.Inventory.Scrapping.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject ScrappingService ScrappingService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Scrapping</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage damaged or expired inventory disposal.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Inventory</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Scrapping</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString"
+                          Placeholder="Search..."
+                          Adornment="Adornment.Start"
+                          AdornmentIcon="@Icons.Material.Filled.Search"
+                          IconSize="Size.Small"
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            <MudButton Variant="Variant.Filled"
+                       Color="Color.Primary"
+                       OnClick="OnSearchClick"
+                       Size="Size.Small"
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Success"
+                       OnClick="ExportToExcel"
+                       Size="Size.Small"
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined"
+                       Color="Color.Primary"
+                       OnClick="LoadData"
+                       Size="Size.Small"
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)"
+                       Disabled="_isRefreshing"
+                       Style="background:white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; border: 1px solid #D1D5DB;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedItem != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; border: 1px solid #D1D5DB;">Edit</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="background: white; border: 1px solid #FCA5A5; color: #EF4444; text-transform: none; font-weight: 500; border-radius: 6px;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px;">
+                    Add Scrapping
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" T="GetScrappingListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; letter-spacing: 0.05em;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.AutoNumber!)">Number</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.ScrappingDate!)">Date</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.WarehouseName!)">Warehouse</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap; letter-spacing: 0.05em;">
+                <MudTableSortLabel SortBy="new Func<GetScrappingListResponse, object>(x => x.Status)">Status</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>@context.AutoNumber</MudTd>
+            <MudTd>@context.ScrappingDate?.ToString("yyyy-MM-dd")</MudTd>
+            <MudTd>@context.WarehouseName</MudTd>
+            <MudTd>
+                <MudChip T="string" Color="Color.Info" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 600;">@context.Status.ToString().ToUpper()</MudChip>
+            </MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500;">Rows per page:</MudText>
+            <MudSelect T="int" Value="@_top" ValueChanged="OnPageSizeChanged" Dense="true" Margin="Margin.Dense" Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" Variant="Variant.Outlined" Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Prev</MudButton>
+            @{
+                var totalPages = _totalPage == 0 ? 1 : _totalPage;
+                var maxVisible = 5;
+                var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+                var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+                if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+            }
+            @for (int i = startPage; i <= endPage; i++)
+            {
+                var pageNum = i;
+                var isActive = pageNum == _currentPage;
+                <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+                           Variant="Variant.Text" Size="Size.Small"
+                           Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+            }
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "background: transparent; color: #D1D5DB; border: none;" : "background-color: white; border: 1px solid #D1D5DB; color: #6B7280; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateScrappingRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateScrappingRequest> OnView { get; set; }
+
+    private List<GetScrappingListResponse> _items = new();
+    private GetScrappingListResponse? _selectedItem;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedItem = null;
+        StateHasChanged();
+        try
+        {
+            var response = await ScrappingService.GetScrappingListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _items = response.Value ?? new();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetScrappingListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _items;
+        return _items.Where(x =>
+            (x.AutoNumber?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.WarehouseName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetScrappingListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("Scrappings");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Number";
+                worksheet.Cell(currentRow, 2).Value = "Scrapping Date";
+                worksheet.Cell(currentRow, 3).Value = "Warehouse";
+                worksheet.Cell(currentRow, 4).Value = "Status";
+
+                var headerRange = worksheet.Range(1, 1, 1, 4);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.AutoNumber;
+                    worksheet.Cell(currentRow, 2).Value = item.ScrappingDate?.ToString("yyyy-MM-dd");
+                    worksheet.Cell(currentRow, 3).Value = item.WarehouseName;
+                    worksheet.Cell(currentRow, 4).Value = item.Status.ToString();
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Scrapping_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedItem = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedItem == null) return;
+        var request = await MapToUpdateRequest(_selectedItem.Id!);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateScrappingRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await ScrappingService.GetScrappingByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateScrappingRequest
+            {
+                Id = detail.Id,
+                AutoNumber = detail.AutoNumber,
+                ScrappingDate = detail.ScrappingDate,
+                Status = detail.Status,
+                Description = detail.Description,
+                WarehouseId = detail.WarehouseId,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedItem == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedItem.AutoNumber } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await ScrappingService.DeleteScrappingByIdAsync(_selectedItem.Id!);
+            if (isSuccess)
+            {
+                _selectedItem = null;
+                await LoadData();
+                Snackbar.Add("Deleted successfully", Severity.Success);
+            }
+        }
+    }
+}

Features/Inventory/Scrapping/Components/_ScrappingItemCreateForm.razor

@@ -0,0 +1,83 @@
+@using Indotalent.Features.Inventory.Scrapping.Cqrs
+@using MudBlazor
+@inject ScrappingService ScrappingService
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <DialogContent>
+        <MudForm @ref="_form" Model="_model">
+            <MudGrid Spacing="2">
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-0">Product</MudText>
+                    <MudSelect T="string" @bind-Value="_model.ProductId"
+                               Variant="Variant.Outlined" Margin="Margin.Dense" Dense="true"
+                               AnchorOrigin="Origin.BottomCenter" TransformOrigin="Origin.TopCenter">
+                        @foreach (var item in _lookup.Products)
+                        {
+                            <MudSelectItem Value="@item.Id">@item.Name</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+                <MudItem xs="12">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Quantity</MudText>
+                    <MudNumericField @bind-Value="_model.Movement"
+                                     Variant="Variant.Outlined"
+                                     Margin="Margin.Dense"
+                                     Min="0.1"
+                                     HelperText="Quantity to be disposed from inventory." />
+                </MudItem>
+            </MudGrid>
+        </MudForm>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="Cancel" Variant="Variant.Text">Cancel</MudButton>
+        <MudButton Color="Color.Primary" OnClick="Submit" Variant="Variant.Filled" Disabled="_processing" Style="text-transform: none; font-weight: 700; border-radius: 4px;">
+            @if (_processing)
+            {
+                <MudProgressCircular Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+            }
+            else
+            {
+                <MudText>Add Item</MudText>
+            }
+        </MudButton>
+    </DialogActions>
+</MudDialog>
+
+@code {
+    [CascadingParameter] IMudDialogInstance MudDialog { get; set; } = default!;
+    [Parameter] public string ScrappingId { get; set; } = string.Empty;
+    private MudForm _form = default!;
+    private CreateScrappingItemRequest _model = new() { Movement = 1 };
+    private ScrappingLookupResponse _lookup = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var res = await ScrappingService.GetScrappingLookupAsync();
+        if (res != null && res.IsSuccess) _lookup = res.Value ?? new();
+        _model.ScrappingId = ScrappingId;
+    }
+
+    private void Cancel() => MudDialog.Cancel();
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await ScrappingService.CreateScrappingItemAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Item added successfully", Severity.Success);
+                MudDialog.Close(DialogResult.Ok(true));
+            }
+        }
+        finally { _processing = false; }
+    }
+}

Features/Inventory/Scrapping/Components/_ScrappingItemDataTable.razor

@@ -0,0 +1,92 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Inventory.Scrapping
+@using Indotalent.Features.Inventory.Scrapping.Cqrs
+@using MudBlazor
+@using Indotalent.Features.Root.Shared
+@inject ScrappingService ScrappingService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; border: 1px solid #E5E7EB;">
+    <div style="padding: 16px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff;">
+        <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 600;">Scrapping Items</MudText>
+        @if (!ReadOnly)
+        {
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="OnAddClick" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px;">
+                Add Item
+            </MudButton>
+        }
+    </div>
+
+    <MudTable Class="mud-table-styled" Striped="true" Items="Items" Hover="true" Elevation="0" Dense="true" T="ScrappingItemResponse">
+        <HeaderContent>
+            <MudTh Style="font-weight: 500; letter-spacing: 0.05em;">Product</MudTh>
+            <MudTh Style="font-weight: 500; text-align: right; letter-spacing: 0.05em;">Quantity</MudTh>
+            @if (!ReadOnly)
+            {
+                <MudTh Style="width: 100px; text-align: right; font-weight: 500; letter-spacing: 0.05em;">Actions</MudTh>
+            }
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd DataLabel="Product">@context.ProductName</MudTd>
+            <MudTd DataLabel="Quantity" Style="text-align: right; font-weight: 500;">@context.Movement?.ToString("N2")</MudTd>
+            @if (!ReadOnly)
+            {
+                <MudTd Style="text-align: right;">
+                    <MudIconButton Icon="@Icons.Material.Filled.Edit" Size="Size.Small" Color="Color.Primary" OnClick="@(() => OnEditClick(context))" />
+                    <MudIconButton Icon="@Icons.Material.Filled.Delete" Size="Size.Small" Color="Color.Error" OnClick="@(() => OnDeleteClick(context))" />
+                </MudTd>
+            }
+        </RowTemplate>
+    </MudTable>
+</MudPaper>
+
+<style>
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+    .mud-table-styled .mud-table-cell { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6B7280; font-size: 0.875rem; }
+    .mud-table-styled .mud-table-cell .mud-text-body2 { font-weight: 600; color: #374151; }
+    .mud-input-outlined-border { border-radius: 8px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+</style>
+
+@code {
+    [Parameter] public string ScrappingId { get; set; } = string.Empty;
+    [Parameter] public List<ScrappingItemResponse> Items { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnChanged { get; set; }
+
+    private async Task OnAddClick()
+    {
+        var parameters = new DialogParameters { ["ScrappingId"] = ScrappingId };
+        var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
+        var dialog = await DialogService.ShowAsync<_ScrappingItemCreateForm>("Add Scrapping Item", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
+    }
+
+    private async Task OnEditClick(ScrappingItemResponse item)
+    {
+        var parameters = new DialogParameters { ["Data"] = item };
+        var options = new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true, CloseButton = true };
+        var dialog = await DialogService.ShowAsync<_ScrappingItemUpdateForm>("Edit Scrapping Item", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled) await OnChanged.InvokeAsync();
+    }
+
+    private async Task OnDeleteClick(ScrappingItemResponse item)
+    {
+        var parameters = new DialogParameters { ["ContentText"] = $"Are you sure you want to remove this item?" };
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("Delete Confirmation", parameters, new DialogOptions { MaxWidth = MaxWidth.ExtraSmall, FullWidth = true });
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled)
+        {
+            var success = await ScrappingService.DeleteScrappingItemAsync(item.Id!);
+            if (success)
+            {
+                Snackbar.Add("Removed successfully", Severity.Success);
+                await OnChanged.InvokeAsync();
+            }
+        }
+    }
+}