From 58eb297865fa5d639ffd6b56cd09a16377ab0fc1 Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Thu, 9 Jul 2026 13:48:18 +0900
Subject: [PATCH] Remove leftover admin topbar overrides

---
 src/TaxBaik.Web/Pages/Admin/Index.cshtml |  60 ++++++++----
 src/TaxBaik.Web/wwwroot/css/admin.css    | 115 -----------------------
 2 files changed, 44 insertions(+), 131 deletions(-)

diff --git a/src/TaxBaik.Web/Pages/Admin/Index.cshtml b/src/TaxBaik.Web/Pages/Admin/Index.cshtml
index 2d42e92..81ac000 100644
--- a/src/TaxBaik.Web/Pages/Admin/Index.cshtml
+++ b/src/TaxBaik.Web/Pages/Admin/Index.cshtml
@@ -4,25 +4,53 @@
     ViewData["Title"] = "관리자 홈";
 }
 
-<section class="container py-5">
-    <div class="row align-items-center g-4">
-        <div class="col-lg-8">
-            <p class="text-uppercase text-muted small mb-2">TaxBaik Admin</p>
-            <h1 class="display-6 fw-bold mb-3">고객관리 어드민</h1>
-            <p class="lead text-muted mb-0">
-                Razor Pages + Cookie Authentication + Dapper + Flyway 기준으로 정리하는 서버 렌더링 어드민입니다.
-            </p>
+<section class="admin-page-shell">
+    <div class="page-header d-print-none mb-4">
+        <div class="row align-items-center">
+            <div class="col">
+                <div class="page-pretitle">TaxBaik Admin</div>
+                <h2 class="page-title">고객관리 어드민</h2>
+                <p class="text-muted mb-0">Razor Pages + Cookie Authentication + Dapper + Flyway 기준으로 정리하는 서버 렌더링 어드민입니다.</p>
+            </div>
         </div>
-        <div class="col-lg-4">
-            <div class="card shadow-sm border-0">
-                <div class="card-body p-4">
-                    <div class="d-grid gap-2">
-                        <a class="btn btn-dark" href="/admin/dashboard">대시보드</a>
-                        <a class="btn btn-outline-secondary" href="/admin/login?returnUrl=%2Fadmin%2Fdashboard">다시 로그인</a>
-                    </div>
+    </div>
+
+    <div class="row row-deck row-cards g-3">
+        <div class="col-md-6 col-xl-4">
+            <div class="card card-sm">
+                <div class="card-body">
+                    <div class="text-muted small text-uppercase mb-1">진입</div>
+                    <h3 class="h4 mb-2">대시보드</h3>
+                    <p class="text-muted mb-0">업무 시작점과 주요 상태를 확인합니다.</p>
+                </div>
+                <div class="card-footer">
+                    <a class="btn btn-primary w-100" href="/admin/dashboard">대시보드 열기</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-6 col-xl-4">
+            <div class="card card-sm">
+                <div class="card-body">
+                    <div class="text-muted small text-uppercase mb-1">세션</div>
+                    <h3 class="h4 mb-2">인증 상태</h3>
+                    <p class="text-muted mb-0">쿠키 인증과 배포 간 유지성을 확인합니다.</p>
+                </div>
+                <div class="card-footer">
+                    <a class="btn btn-outline-secondary w-100" href="/admin/login?returnUrl=%2Fadmin%2Fdashboard">다시 로그인</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-6 col-xl-4">
+            <div class="card card-sm">
+                <div class="card-body">
+                    <div class="text-muted small text-uppercase mb-1">구조</div>
+                    <h3 class="h4 mb-2">Tabler UI</h3>
+                    <p class="text-muted mb-0">공통 카드, 테이블, 배지, 폼을 표준화합니다.</p>
+                </div>
+                <div class="card-footer">
+                    <span class="badge bg-blue-lt text-blue">Server Rendered</span>
                 </div>
             </div>
         </div>
     </div>
 </section>
-
diff --git a/src/TaxBaik.Web/wwwroot/css/admin.css b/src/TaxBaik.Web/wwwroot/css/admin.css
index cf1f1f8..3a933a0 100644
--- a/src/TaxBaik.Web/wwwroot/css/admin.css
+++ b/src/TaxBaik.Web/wwwroot/css/admin.css
@@ -2309,118 +2309,3 @@ textarea:focus-visible {
   }
 }
 
-/* Improved Topbar & Navigation */
-.admin-topbar-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.admin-topbar-status {
-  display: inline-flex;
-  align-items: center;
-  min-height: 28px;
-  padding: 0 10px;
-  border-radius: var(--radius-full);
-  border: 1px solid rgba(37, 99, 235, 0.18);
-  background: linear-gradient(180deg, rgba(37, 99, 235, 0.08) 0%, rgba(255, 255, 255, 0.96) 100%);
-  color: var(--primary-dark);
-  font-size: 0.75rem;
-  font-weight: var(--font-weight-semibold);
-  white-space: nowrap;
-}
-
-.admin-topbar-action {
-  white-space: nowrap;
-  font-size: 0.9rem;
-}
-
-.admin-nav-group {
-  padding: 10px 12px 4px;
-  color: var(--text-tertiary);
-  font-size: 0.68rem;
-  font-weight: var(--font-weight-semibold);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-}
-
-.admin-nav-link {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin: 2px 8px;
-  padding: 10px 12px;
-  border-radius: var(--radius-md);
-  color: var(--text-primary);
-  text-decoration: none;
-  transition: background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
-}
-
-.admin-nav-link:hover {
-  background: var(--primary-light);
-  color: var(--primary-dark);
-}
-
-.admin-nav-link.active {
-  background: linear-gradient(90deg, rgba(37, 99, 235, 0.14) 0%, rgba(37, 99, 235, 0.08) 100%);
-  color: var(--primary-dark);
-  font-weight: var(--font-weight-semibold);
-  box-shadow: inset 3px 0 0 var(--primary-color), 0 1px 2px rgba(15, 23, 42, 0.05);
-  transform: translateX(1px);
-}
-
-.admin-nav-link-icon {
-  display: inline-flex;
-  width: 18px;
-  justify-content: center;
-  opacity: 0.9;
-}
-
-.admin-nav-link-label {
-  flex: 1;
-}
-
-.admin-nav-badge {
-  display: inline-flex;
-  align-items: center;
-  min-height: 18px;
-  padding: 0 6px;
-  border-radius: var(--radius-full);
-  background: var(--secondary-light);
-  color: var(--secondary-dark);
-  font-size: 0.65rem;
-}
-
-/* Enhanced Drawer Footer */
-.admin-drawer-footer {
-  border-top: 1px solid var(--divider-color);
-  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.02) 100%);
-}
-
-.admin-footer-item {
-  display: flex;
-  align-items: center;
-  margin-bottom: 0.25rem;
-  color: var(--text-secondary);
-}
-
-.admin-footer-item .mud-icon {
-  color: var(--primary-color);
-}
-
-/* Responsive Topbar */
-@media (max-width: 600px) {
-.admin-topbar-action {
-  padding: 4px 8px;
-  font-size: 0.8rem;
-}
-
-  .admin-topbar-title {
-    min-width: 120px;
-  }
-
-  .mud-toolbar > :last-child {
-    margin-right: -8px;
-  }
-}
-