feat(admin): 표준 화면 패턴으로 CRM 화면 정리

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

@@ -8,21 +8,28 @@
 
 <PageTitle>수익 추적 관리</PageTitle>
 
-<div class="admin-container">
-    <div class="admin-header">
-        <MudText Typo="Typo.h5" Class="font-weight-bold">수익 추적 관리</MudText>
-        <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="OpenCreateDialog" StartIcon="@Icons.Material.Filled.Add">
-            새 청구 추가
-        </MudButton>
+<section class="admin-page-hero">
+    <div>
+        <MudText Typo="Typo.caption" Class="admin-eyebrow">CRM & 세무관리</MudText>
+        <MudText Typo="Typo.h4" Class="admin-page-title">수익 추적 관리</MudText>
+        <MudText Typo="Typo.body2" Class="admin-page-subtitle">청구, 납부, 미수금 상태를 한 화면에서 관리합니다.</MudText>
     </div>
+    <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="OpenCreateDialog" StartIcon="@Icons.Material.Filled.Add">
+        새 청구 추가
+    </MudButton>
+</section>
 
-    @if (revenues == null)
+<MudPaper Class="admin-surface" Elevation="0">
+    @if (revenues is null)
     {
-        <MudProgressCircular Indeterminate="true" Class="mt-4" />
+        <MudProgressLinear Indeterminate="true" />
     }
     else if (revenues.Count == 0)
     {
-        <MudAlert Severity="Severity.Info" Class="mt-4">청구 기록이 없습니다.</MudAlert>
+        <div class="pa-6 text-center">
+            <MudIcon Icon="@Icons.Material.Filled.Payments" Style="font-size:3rem; opacity:.3;" />
+            <MudText Class="mt-2 text-muted">청구 기록이 없습니다.</MudText>
+        </div>
     }
     else
     {
@@ -33,7 +40,7 @@
             Striped="true"
             Virtualize="true"
             RowsPerPage="30"
-            Class="admin-grid mt-4">
+            Class="admin-grid">
             <Columns>
                 <PropertyColumn Property="x => x.Id" Title="ID" Sortable="true" />
                 <TemplateColumn Title="고객">
@@ -77,7 +84,7 @@
             </Columns>
         </MudDataGrid>
     }
-</div>
+</MudPaper>
 
 <!-- Create Dialog -->
 <MudDialog @bind-IsVisible="isDialogOpen" Options="new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true }">
@@ -180,9 +187,11 @@
 
     private async Task DeleteRevenue(int id)
     {
-        var parameters = new DialogParameters();
-        parameters.Add("Title", "삭제 확인");
-        parameters.Add("Message", "이 청구를 삭제하시겠습니까?");
+        var parameters = new DialogParameters
+        {
+            { "Title", "삭제 확인" },
+            { "Message", "이 청구를 삭제하시겠습니까?" }
+        };
 
         var dialog = await DialogService.ShowAsync<ConfirmDialog>("", parameters);
         var result = await dialog.Result;
@@ -218,20 +227,3 @@
         public DateTime? DueDate { get; set; }
     }
 }
-
-<style>
-.admin-container {
-    padding: 20px;
-}
-
-.admin-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-}
-
-.admin-grid {
-    font-size: 13px;
-}
-</style>