1Seob · Oct 26, 2026 · Oct 25, 2026
diff --git a/src/main/resources/static/css/stats-layout.css b/src/main/resources/static/css/stats-layout.css
@@ -0,0 +1,50 @@
+.tabs {
+  max-width: 100%;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.tabs::-webkit-scrollbar {
+  display: none;
+}
+
+.tab-link {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+.health-bar,
+.btn-refresh {
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.refreshed-at span {
+  display: inline-block;
+  white-space: nowrap;
+}
+
+@media (max-width: 820px) {
+  .page-header {
+    align-items: stretch;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .header-right {
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    gap: 8px 12px;
+  }
+}
+
+@media (max-width: 680px) {
+  .tabs {
+    width: 100%;
+  }
+
+  .tab-link {
+    padding: 7px 12px;
+    font-size: .76rem;
+  }
+}
diff --git a/src/main/resources/static/css/stats-period.css b/src/main/resources/static/css/stats-period.css
@@ -149,35 +149,6 @@
 }
 
 @media (max-width: 680px) {
-  .page-header {
-    align-items: stretch;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .header-right {
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    gap: 8px 12px;
-  }
-
-  .tabs {
-    width: 100%;
-    max-width: 100%;
-    overflow-x: auto;
-    scrollbar-width: none;
-  }
-
-  .tabs::-webkit-scrollbar {
-    display: none;
-  }
-
-  .tab-link {
-    flex: 0 0 auto;
-    padding: 7px 12px;
-    font-size: .76rem;
-  }
-
   .period-panel-header {
     align-items: stretch;
     flex-direction: column;

diff --git a/src/main/resources/templates/stats/ask-chat.html b/src/main/resources/templates/stats/ask-chat.html
@@ -254,8 +254,6 @@
     }
     @media (max-width: 820px) {
       body { padding: 20px 14px 40px; }
-      .page-header { align-items: stretch; flex-direction: column; }
-      .header-right { flex-wrap: wrap; gap: 8px 12px; }
       .period-panel-header { align-items: stretch; flex-direction: column; }
       .chart-grid, .detail-grid { grid-template-columns: 1fr; }
     }
@@ -265,14 +263,14 @@
       .summary-value { font-size: 1.4rem; }
       .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
       .period-title { font-size: 1.05rem; }
-      .tab-link { padding: 7px 12px; font-size: .76rem; }
     }
   </style>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 
 <div class="page-header">
-  <div class="page-title">NADAB · Ask Chat Stats</div>
+  <div class="page-title">NADAB · Stats</div>
   <div class="header-right">
     <div id="healthBar" class="health-bar loading">
       <span class="health-dot"></span>

diff --git a/src/main/resources/templates/stats/daily.html b/src/main/resources/templates/stats/daily.html
@@ -245,6 +245,7 @@
   </style>
   <link rel="stylesheet" th:href="@{/css/stats-peak.css}"/>
   <link rel="stylesheet" th:href="@{/css/stats-period.css}"/>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/monthly.html b/src/main/resources/templates/stats/monthly.html
@@ -236,6 +236,7 @@
   </style>
   <link rel="stylesheet" th:href="@{/css/stats-peak.css}"/>
   <link rel="stylesheet" th:href="@{/css/stats-period.css}"/>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/question-overview.html b/src/main/resources/templates/stats/question-overview.html
@@ -307,6 +307,7 @@
       .table-scroll { max-height: 65vh; }
     }
   </style>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/question.html b/src/main/resources/templates/stats/question.html
@@ -444,6 +444,7 @@
       .kpi-grid, .revision-metrics { grid-template-columns: 1fr; }
     }
   </style>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/total.html b/src/main/resources/templates/stats/total.html
@@ -252,6 +252,7 @@
     .card { animation: fadeUp .4s ease both; }
     .card:nth-child(2) { animation-delay: .08s; }
   </style>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/type.html b/src/main/resources/templates/stats/type.html
@@ -215,6 +215,7 @@
     .dot-pink { background: var(--accent-2); }
     .dot-mint { background: #4de8c2; }
   </style>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/weekly.html b/src/main/resources/templates/stats/weekly.html
@@ -223,6 +223,7 @@
   </style>
   <link rel="stylesheet" th:href="@{/css/stats-peak.css}"/>
   <link rel="stylesheet" th:href="@{/css/stats-period.css}"/>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 

diff --git a/src/main/resources/templates/stats/withdrawal.html b/src/main/resources/templates/stats/withdrawal.html
@@ -197,6 +197,7 @@
       padding: 8px 0;
     }
   </style>
+  <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
 </head>
 <body>
 <div class="page-header">
-Original file line number
+Diff line change
@@ Expand Up / @@ -307,6 +307,7 @@ @@
           .table-scroll { max-height: 65vh; }
         }
       </style>
+      <link rel="stylesheet" th:href="@{/css/stats-layout.css}"/>
     </head>
     <body>
@@ Expand Down @@