style(admin): compact the admin shell

TaxBaik.Web/wwwroot/css/admin.css

@@ -415,7 +415,7 @@ textarea:focus-visible {
   display: flex;
   align-items: center;
   gap: var(--space-4);
-  padding: var(--space-3) var(--space-6);
+  padding: var(--space-2) var(--space-5);
   background-color: var(--bg-primary);
   border-bottom: 1px solid var(--border-color);
   z-index: var(--z-dropdown);
@@ -429,21 +429,28 @@ textarea:focus-visible {
 .admin-topbar-title {
   display: flex;
   flex-direction: column;
-  gap: var(--space-1);
+  gap: 2px;
 }
 
 .admin-topbar-title span {
   color: var(--text-primary);
 }
 
+.admin-topbar-title .mud-typography--h6 {
+  font-size: 1rem;
+  line-height: 1.2;
+  font-weight: var(--font-weight-semibold);
+}
+
 .admin-topbar-action {
   white-space: nowrap;
-  min-height: 40px;
+  min-height: 36px;
-  padding: var(--space-2) var(--space-4);
+  padding: 6px 12px;
+  font-size: 0.875rem;
 }
 
 .admin-drawer {
-  width: 280px;
+  width: 240px;
   background-color: var(--bg-primary);
   border-right: 1px solid var(--border-color);
   display: flex;
@@ -454,7 +461,7 @@ textarea:focus-visible {
   display: flex;
   align-items: center;
   gap: var(--space-3);
-  padding: var(--space-5) var(--space-4);
+  padding: var(--space-4) var(--space-3);
   border-bottom: 1px solid var(--border-color-light);
 }
 
@@ -473,18 +480,28 @@ textarea:focus-visible {
 }
 
 .admin-nav {
-  padding: var(--space-4) 0;
+  padding: var(--space-2) 0;
   flex: 1;
   overflow-y: auto;
 }
 
 .admin-nav .mud-nav-link,
 .admin-nav .mud-nav-group-header {
-  margin: var(--space-1) var(--space-2) !important;
+  margin: 2px var(--space-2) !important;
   border-radius: var(--radius-md) !important;
   transition: all var(--transition-base) !important;
 }
 
+.admin-nav .mud-nav-link {
+  min-height: 40px;
+  font-size: 0.92rem;
+}
+
+.admin-nav .mud-nav-group-header {
+  min-height: 40px;
+  font-size: 0.92rem;
+}
+
 .admin-nav .mud-nav-link:hover {
   background-color: var(--primary-light) !important;
 }
@@ -526,7 +543,7 @@ textarea:focus-visible {
 }
 
 .admin-content {
-  padding: var(--space-8);
+  padding: var(--space-6);
   max-width: 1400px;
   margin: 0 auto;
   width: 100%;
@@ -541,8 +558,8 @@ textarea:focus-visible {
   justify-content: space-between;
   align-items: center;
   gap: var(--space-6);
-  margin-bottom: var(--space-8);
+  margin-bottom: var(--space-6);
-  padding-bottom: var(--space-6);
+  padding-bottom: var(--space-4);
   border-bottom: 1px solid var(--border-color);
 }
 
@@ -564,15 +581,15 @@ textarea:focus-visible {
   display: block;
   color: var(--text-primary);
   font-weight: var(--font-weight-semibold);
-  margin-bottom: var(--space-3);
+  margin-bottom: var(--space-2);
-  font-size: var(--font-size-3xl);
+  font-size: var(--font-size-2xl);
   line-height: var(--line-height-tight);
 }
 
 .admin-page-subtitle {
   display: block;
   color: var(--text-secondary);
-  font-size: var(--font-size-base);
+  font-size: 0.95rem;
   line-height: var(--line-height-normal);
 }
 
@@ -580,15 +597,15 @@ textarea:focus-visible {
 .admin-metric-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  gap: var(--space-6);
+  gap: var(--space-4);
-  margin-bottom: var(--space-8);
+  margin-bottom: var(--space-6);
   width: 100%;
 }
 
 /* Metric Card - Enterprise Grade */
 .admin-metric-card {
-  padding: var(--space-6);
+  padding: var(--space-4);
-  border-radius: var(--radius-lg);
+  border-radius: var(--radius-md);
   background-color: var(--bg-primary);
   border: 1px solid var(--border-color);
   transition: all var(--transition-base);
@@ -596,7 +613,7 @@ textarea:focus-visible {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  min-height: 160px;
+  min-height: 140px;
   box-shadow: var(--shadow-xs);
   position: relative;
   overflow: hidden;
@@ -675,11 +692,11 @@ textarea:focus-visible {
 
 /* Surfaces & Containers */
 .admin-surface {
-  padding: var(--space-6) !important;
+  padding: var(--space-4) !important;
-  border-radius: var(--radius-lg) !important;
+  border-radius: var(--radius-md) !important;
   background-color: var(--bg-primary) !important;
   border: 1px solid var(--border-color) !important;
-  margin-bottom: var(--space-6) !important;
+  margin-bottom: var(--space-4) !important;
   box-shadow: var(--shadow-xs);
 }
 
@@ -688,8 +705,8 @@ textarea:focus-visible {
   justify-content: space-between;
   align-items: flex-start;
   gap: var(--space-4);
-  margin-bottom: var(--space-5);
+  margin-bottom: var(--space-4);
-  padding-bottom: var(--space-4);
+  padding-bottom: var(--space-3);
   border-bottom: 1px solid var(--border-color-light);
 }
 
@@ -698,14 +715,14 @@ textarea:focus-visible {
 }
 
 .admin-section-header h6 {
-  font-size: var(--font-size-lg);
+  font-size: 1rem;
   font-weight: var(--font-weight-semibold);
   color: var(--text-primary);
-  margin-bottom: var(--space-2);
+  margin-bottom: var(--space-1);
 }
 
 .admin-section-header p {
-  font-size: var(--font-size-sm);
+  font-size: 0.875rem;
   color: var(--text-secondary);
   margin: 0;
 }
@@ -714,7 +731,7 @@ textarea:focus-visible {
 .admin-table {
   width: 100%;
   border-collapse: collapse;
-  font-size: var(--font-size-sm);
+  font-size: 0.875rem;
 }
 
 .admin-table thead {
@@ -723,7 +740,7 @@ textarea:focus-visible {
 }
 
 .admin-table thead th {
-  padding: var(--space-3) var(--space-4);
+  padding: var(--space-2) var(--space-3);
   text-align: left;
   font-weight: var(--font-weight-semibold);
   color: var(--text-secondary);
@@ -746,7 +763,7 @@ textarea:focus-visible {
 }
 
 .admin-table tbody td {
-  padding: var(--space-3) var(--space-4);
+  padding: var(--space-2) var(--space-3);
   color: var(--text-primary);
   vertical-align: middle;
 }