탭 표시 제어 및 헤더 중앙 정렬 수정

frontend/public/styles.css

@@ -153,10 +153,9 @@
   background: rgba(255, 255, 255, 0.94);
   color: var(--color-text);
   border-bottom: 1px solid #d7dee8;
-  display: grid;
-  grid-template-columns: auto 1fr auto;
+  display: flex;
   align-items: center;
-  gap: 16px;
+  justify-content: space-between;
   padding: 10px 22px;
   position: sticky;
   top: 0;
@@ -164,6 +163,12 @@
   backdrop-filter: blur(12px);
 }
 
+.brand-block,
+.header-actions {
+  position: relative;
+  z-index: 2;
+}
+
 .dashboard-header .eyebrow {
   color: var(--color-accent);
   margin-bottom: 2px;
@@ -177,10 +182,15 @@
 }
 
 .header-center {
-  display: flex;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  display: inline-flex;
   justify-content: center;
   gap: 8px;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  z-index: 1;
 }
 
 .nav-pill {
@@ -320,12 +330,18 @@
 
 @media (max-width: 1180px) {
   .dashboard-header {
-    grid-template-columns: 1fr;
-    align-items: flex-start;
+    flex-wrap: wrap;
+    justify-content: space-between;
   }
 
   .header-center {
+    position: static;
+    transform: none;
+    order: 3;
+    width: 100%;
     justify-content: flex-start;
+    margin-top: 8px;
+    overflow-x: auto;
   }
 
   .header-actions {