UI 개선: 간격 확대, 차트 색상 변경, 이벤트 목록 기능 추가

- 전체 간격(spacing) 2배 증가 및 컨테이너 패딩 확대
- 기본 폰트 크기 14px→16px 증가
- 채널별 성과 차트 색상을 조화로운 색상으로 변경 (#F472B6, #60A5FA, #FB923C)
- 이벤트 목록 페이지에 통계 요약 카드 추가 (전체/진행중/참여자/평균ROI)
- 진행중인 이벤트에 진행률 바 추가
- 이벤트 상태 배지 추가 (마감임박/인기/높은ROI/신규)
- 상품 및 참여방법에 아이콘 추가
- 이벤트 카드 레이아웃 개선: 참여자/ROI 정보를 오른쪽 하단으로 재배치

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/styles/globals.css

@@ -24,13 +24,13 @@
   --color-error: #D32F2F;
   --color-info: #0288D1;
 
-  /* Spacing (4px Grid) */
-  --spacing-xs: 4px;
-  --spacing-s: 8px;
-  --spacing-m: 16px;
-  --spacing-l: 24px;
-  --spacing-xl: 32px;
-  --spacing-2xl: 48px;
+  /* Spacing (4px Grid) - Doubled values */
+  --spacing-xs: 8px;
+  --spacing-s: 16px;
+  --spacing-m: 32px;
+  --spacing-l: 48px;
+  --spacing-xl: 64px;
+  --spacing-2xl: 96px;
 
   /* Border Radius */
   --border-radius-sm: 4px;
@@ -73,8 +73,8 @@ body {
   padding: 0;
   font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
     "Roboto", "Helvetica Neue", system-ui, sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
+  font-size: 16px;
+  line-height: 1.6;
   color: var(--color-gray-900);
   background-color: var(--color-gray-50);
   min-height: 100%;
@@ -149,18 +149,18 @@ button {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
-  padding: 0 20px;
+  padding: 0 40px;
 }
 
 @media (min-width: 768px) {
   .container {
-    padding: 0 40px;
+    padding: 0 80px;
   }
 }
 
 @media (min-width: 1024px) {
   .container {
-    padding: 0 80px;
+    padding: 0 120px;
   }
 }