style: match dashboard header theme to Design Planning Hub

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-05 23:23:17 +09:00
parent fa1a6aa117
commit dd404d3fe8
3 changed files with 107 additions and 34 deletions
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1 +1,61 @@
@import "tailwindcss";
+
+html,
+body,
+#root {
+  font-family:
+    "Pretendard Variable",
+    Pretendard,
+    -apple-system,
+    BlinkMacSystemFont,
+    system-ui,
+    sans-serif;
+}
+
+/* 상단 통계 바 — Design Planning Hub 스타일 곡면 장식 */
+.header-stats-bar::before,
+.header-stats-bar::after {
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 36px;
+  height: 30px;
+  background: transparent;
+  z-index: 101;
+}
+
+.header-stats-bar::before {
+  left: -35px;
+  border-top-left-radius: 20px;
+  box-shadow: 18px 0 #093023;
+}
+
+.header-stats-bar::after {
+  right: -35px;
+  border-top-right-radius: 20px;
+  box-shadow: -18px 0 #093023;
+}
+
+.poly-stat-dot {
+  flex-shrink: 0;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+.poly-stat-dot-orange {
+  background-color: #ff8b13;
+  box-shadow: 0 0 8px #ff8b13, inset 0 1px 2px rgba(255, 255, 255, 0.4);
+}
+
+.poly-stat-dot-red {
+  background-color: red;
+  box-shadow: 0 0 8px red, inset 0 1px 2px rgba(255, 255, 255, 0.4);
+}
+
+.poly-stat-dot-yellow {
+  background-color: #ffeb3b;
+  box-shadow: 0 0 8px #ffeb3b, inset 0 1px 2px rgba(255, 255, 255, 0.4);
+}