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

frontend/public/app.js

@@ -51,9 +51,11 @@ function setActiveView(view) {
   const isOrganization = currentView === "organization";
   if (organizationStage) {
     organizationStage.hidden = !isOrganization;
+    organizationStage.style.display = isOrganization ? "flex" : "none";
   }
   if (emptyStage) {
     emptyStage.hidden = isOrganization;
+    emptyStage.style.display = isOrganization ? "none" : "flex";
   }
 
   if (isOrganization && previousView !== "organization" && organizationFrame) {

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;
+  display: flex;
-  grid-template-columns: auto 1fr auto;
   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;
+    flex-wrap: wrap;
-    align-items: flex-start;
+    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 {