fix: align stat chip layout with reference JS inline styles

Match poly-stat-item gap/font-size, chip padding via inline style, and 27px chip height from line-height 21px.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/dashboard/DashboardHeader.tsx

@@ -58,7 +58,7 @@ export function DashboardHeader({
       </div>
 
       <div className="header-stats-bar side-polygon-stats">
-        <div className="poly-stat-item">
+        <div className="poly-stat-item" style={{ fontSize: '18px', gap: '8px' }}>
           <span className="poly-stat-quarter header-stat-text">{quarterLabel}</span>
           <span className="poly-stat-bullet header-stat-text">·</span>
           {statItems.map((item, index) => (
@@ -128,7 +128,8 @@ function StatClick({ label, value, statusKey, activeStatus, accent, onClick }: S
           handleActivate();
         }
       }}
-      className={`poly-click-stat header-stat-text whitespace-nowrap ${isActive ? 'active' : ''}`}
+      className={`poly-click-stat header-stat-text ${isActive ? 'active' : ''}`}
+      style={{ cursor: 'pointer', padding: '2px 6px', borderRadius: '4px' }}
     >
       {label}{' '}
       <span className={`poly-stat-val ${accent}`}>{value}</span>

frontend/src/index.css

@@ -166,18 +166,16 @@ body,
   background-color: rgba(238, 234, 227, 0.4);
 }
 
-/* F12 — poly-click-stat (기본 / hover / active) */
+/* F12 — poly-click-stat (기본 / hover / active) — padding·radius는 JS 인라인과 동일 */
 .poly-click-stat {
-  display: inline-flex;
-  align-items: center;
-  line-height: 1;
-  cursor: pointer;
+  display: inline;
+  box-sizing: border-box;
+  line-height: 21px;
+  vertical-align: middle;
   color: #fffc;
   user-select: none;
   font-size: 18px;
   font-weight: 400;
-  padding: 2px 6px;
-  border-radius: 4px;
   border: 1px solid #1d6947;
   background: linear-gradient(180deg, #337c5f 0%, #1c4638 100%);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);