style: 레이아웃 비율 복구 및 타이포그래피 전역 표준화 (16px Base)

- 주요 변경 사항:
  1. 레이아웃 안정화: 서버 위치도 뷰의 2:1 비율 복원 및 가변형(Adaptive) 레이아웃 적용
  2. 타이포그래피 표준화: 전역 폰트 스케일 도입 및 기본 폰트 사이즈 상향 (15px -> 16px)
  3. 3-Way 토글 통합: [자산 위치] [운영 현황] [자산 목록] 간의 전환 오류 수정 및 UI 통일
  4. 하드코딩 제거: 인라인 스타일을 CSS 클래스 및 변수 체계로 전면 리팩토링
  5. 가이드 업데이트: 변경된 디자인 정책을 design_rule.md에 반영

src/main.ts

@@ -36,24 +36,9 @@ function refreshView(tab?: string) {
   const isServerTab = activeTab === '서버';
   
   mainContent.innerHTML = `
-    <div class="view-header">
-      <div class="view-toggle-container" style="${isServerTab ? '' : 'display:none;'}">
-        <button class="mode-toggle-btn ${state.viewMode === 'location' ? 'active' : ''}" data-mode="location">자산현황(위치)</button>
-        <button class="mode-toggle-btn ${state.viewMode === 'list' ? 'active' : ''}" data-mode="list">자산목록</button>
-      </div>
-    </div>
-    <div id="view-body" style="flex: 1; overflow: hidden; display: flex; flex-direction: column;"></div>
+    <div id="view-body" class="view-container"></div>
   `;
 
-  // 이벤트 바인딩
-  mainContent.querySelectorAll('.mode-toggle-btn').forEach(btn => {      
-    btn.addEventListener('click', () => {
-      const mode = (btn as HTMLElement).getAttribute('data-mode') as any;
-      state.viewMode = mode;
-      refreshView();
-    });
-  });
-
   const viewBody = document.getElementById('view-body')!;
   if (state.viewMode === 'location') {
     renderLocationView(viewBody);