feat: UI 표준화 Phase 1 - 네비게이션/헤더 통일

## 주요 변경사항

### 1. Design System 색상 업데이트
- 하늘색 계열 primary 색상으로 변경 (#0ea5e9, #38bdf8, #7dd3fc)
- CSS 변수 추가: --header-gradient

### 2. Navbar 컴포넌트 표준화
- 50개 이상의 하드코딩 값을 CSS 변수로 변경
- 모든 페이지에서 동일한 헤더 스타일 적용

### 3. 중복 코드 제거 (102줄)
- dashboard.html: 50줄 → 2줄 (navbar 컴포넌트로 교체)
- work/report-view.html: 54줄 → 2줄 (navbar 컴포넌트로 교체)
- modern-dashboard.css: 중복 헤더 스타일 제거
- project-management.css: 중복 헤더 스타일 제거

### 4. 표준 레이아웃 템플릿 생성
- dashboard-layout.html (대시보드용)
- work-layout.html (작업 페이지용)
- admin-layout.html (관리자 페이지용)
- simple-layout.html (프로필/설정용)
- templates/README.md (사용 가이드)

### 5. 누락된 design-system.css 추가
- work/report-view.html
- work/analysis.html
- admin/accounts.html

### 6. ES6 Module 문법 수정
- load-navbar.js: type="module" 추가
- modern-dashboard.js: navbar 엘리먼트 안전 처리

## 문서 업데이트
- CODING_GUIDE.md: 표준 컴포넌트 사용법 추가
- 개발 log/2026-01-20-ui-standardization-phase1.md: 상세 작업 로그

## 영향
- 수정: 10개 파일
- 신규: 6개 파일 (템플릿 5개 + 로그 1개)
- 코드 감소: -102줄

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

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

web-ui/js/modern-dashboard.js

@@ -105,23 +105,30 @@ function setupUserInfo() {
   const authData = getAuthData();
   if (authData && authData.user) {
     currentUser = authData.user;
-    
-    // 사용자 이름 설정
-    elements.userName.textContent = currentUser.name || currentUser.username;
-    
-    // 사용자 역할 설정
-    const roleMap = {
-      'admin': '관리자',
-      'system': '시스템 관리자',
-      'group_leader': '그룹장',
-      'leader': '그룹장',
-      'user': '작업자'
-    };
-    elements.userRole.textContent = roleMap[currentUser.role] || '작업자';
-    
-    // 아바타 초기값 설정
-    const initial = (currentUser.name || currentUser.username).charAt(0);
-    elements.userInitial.textContent = initial;
+
+    // Navbar 컴포넌트가 사용자 정보를 처리하므로 여기서는 currentUser만 설정
+    // 사용자 이름 설정 (navbar 컴포넌트가 없는 경우에만)
+    if (elements.userName) {
+      elements.userName.textContent = currentUser.name || currentUser.username;
+    }
+
+    // 사용자 역할 설정 (navbar 컴포넌트가 없는 경우에만)
+    if (elements.userRole) {
+      const roleMap = {
+        'admin': '관리자',
+        'system': '시스템 관리자',
+        'group_leader': '그룹장',
+        'leader': '그룹장',
+        'user': '작업자'
+      };
+      elements.userRole.textContent = roleMap[currentUser.role] || '작업자';
+    }
+
+    // 아바타 초기값 설정 (navbar 컴포넌트가 없는 경우에만)
+    if (elements.userInitial) {
+      const initial = (currentUser.name || currentUser.username).charAt(0);
+      elements.userInitial.textContent = initial;
+    }
     
     console.log('👤 사용자 정보 설정 완료:', currentUser.name);
   }
@@ -129,14 +136,17 @@ function setupUserInfo() {
 
 // ========== 시간 업데이트 ========== //
 function updateCurrentTime() {
-  const now = new Date();
-  const timeString = now.toLocaleTimeString('ko-KR', {
-    hour12: false,
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit'
-  });
-  elements.timeValue.textContent = timeString;
+  // Navbar 컴포넌트가 시간을 처리하므로 여기서는 timeValue가 있을 때만 업데이트
+  if (elements.timeValue) {
+    const now = new Date();
+    const timeString = now.toLocaleTimeString('ko-KR', {
+      hour12: false,
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit'
+    });
+    elements.timeValue.textContent = timeString;
+  }
 }
 
 // ========== 이벤트 리스너 ========== //
@@ -153,13 +163,15 @@ function setupEventListeners() {
     showToast('데이터를 새로고침했습니다.', 'success');
   });
   
-  // 로그아웃 버튼
-  elements.logoutBtn.addEventListener('click', () => {
-    if (confirm('로그아웃하시겠습니까?')) {
-      localStorage.clear();
-      window.location.href = '/index.html';
-    }
-  });
+  // 로그아웃 버튼 (navbar 컴포넌트가 이미 처리하므로 버튼이 있을 때만)
+  if (elements.logoutBtn) {
+    elements.logoutBtn.addEventListener('click', () => {
+      if (confirm('로그아웃하시겠습니까?')) {
+        localStorage.clear();
+        window.location.href = '/index.html';
+      }
+    });
+  }
   
   // 뷰 컨트롤 버튼들
   const listViewBtn = document.getElementById('listViewBtn');