refactor: admin ui를 fluent v5와 html 기반으로 전환

TaxBaik.Web/Components/Admin/Pages/Login.razor

@@ -1,4 +1,5 @@
 @page "/admin/login"
+@using Microsoft.FluentUI.AspNetCore.Components
 @using System.ComponentModel.DataAnnotations
 @layout TaxBaik.Web.Components.Admin.Layout.BlankLayout
 @attribute [AllowAnonymous]
@@ -10,41 +11,39 @@
 
 <PageTitle>로그인</PageTitle>
 
-<MudContainer MaxWidth="MaxWidth.Small" Class="admin-login-page d-flex align-center justify-center" Style="min-height: 100vh;">
-    <MudPaper Class="pa-8" Elevation="3" Style="width: 100%; max-width: 400px;">
-        <MudText Typo="Typo.h4" Class="mb-6 text-center">관리자 로그인</MudText>
-
-        <form @onsubmit="HandleLogin" @onsubmit:preventDefault>
-            <InputText class="mud-input mud-input-outlined mud-input-root mud-input-root-adorned-start mb-4"
-                       style="width: 100%; min-height: 56px; padding: 16px 14px;"
-                       placeholder="사용자명"
-                       autocomplete="username"
-                       @bind-Value="model.Username" />
-
-            <InputText type="password"
-                       class="mud-input mud-input-outlined mud-input-root mud-input-root-adorned-start mb-4"
-                       style="width: 100%; min-height: 56px; padding: 16px 14px;"
-                       placeholder="비밀번호"
-                       autocomplete="current-password"
-                       @bind-Value="model.Password" />
-
-            <div class="mb-4">
-                <InputCheckbox class="mud-checkbox" @bind-Value="model.RememberMe" />
-                <label style="margin-left: 8px; cursor: pointer;">아이디 저장</label>
+<div class="admin-login-page">
+    <div class="admin-login-card">
+        <div class="admin-login-brand">
+            <span class="admin-brand-mark">T</span>
+            <div>
+                <div class="admin-brand-title">TaxBaik</div>
+                <div class="admin-brand-subtitle">관리자 로그인</div>
             </div>
+        </div>
+
+        <form class="admin-login-form" @onsubmit="HandleLogin" @onsubmit:preventDefault>
+            <FluentTextInput Label="사용자명"
+                             Placeholder="사용자명"
+                             @bind-CurrentValue="model.Username" />
+
+            <FluentTextInput Label="비밀번호"
+                             Placeholder="비밀번호"
+                             Type="InputType.Password"
+                             @bind-CurrentValue="model.Password" />
+
+            <label class="admin-login-remember">
+                <input type="checkbox" @bind="model.RememberMe" />
+                <span>아이디 저장</span>
+            </label>
 
             @if (!string.IsNullOrEmpty(errorMessage))
             {
-                <MudAlert Severity="Severity.Error" Class="mb-4">@errorMessage</MudAlert>
+                <div class="admin-inline-alert error">@errorMessage</div>
             }
 
-            <button type="submit"
-                    class="mud-button-root mud-button mud-button-filled mud-button-filled-primary mud-elevation-0"
-                    style="width: 100%; min-height: 52px; border: 0; border-radius: 4px; color: white;"
-                    disabled="@isLoading">
+            <button type="submit" class="admin-login-submit" disabled="@isLoading">
                 @if (isLoading)
                 {
-                    <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="mr-2" />
                     <span>로그인 중...</span>
                 }
                 else
@@ -53,8 +52,8 @@
                 }
             </button>
         </form>
-    </MudPaper>
-</MudContainer>
+    </div>
+</div>
 
 @code {
     private bool isLoading = false;