diff --git a/static/index.html b/static/index.html
index 81fac6f..3583394 100644
--- a/static/index.html
+++ b/static/index.html
@@ -54,12 +54,12 @@
     <nav id="sidebar-nav">
       <!-- 대시보드 -->
       <div class="nav-item active" data-view="dashboard">
-        <span class="nav-icon">📊</span> 대시보드
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="18" y="3" width="4" height="18"/><rect x="10" y="8" width="4" height="13"/><rect x="2" y="13" width="4" height="8"/></svg></span> 대시보드
       </div>
 
       <!-- SR 관리 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🗂️</span><span>SR 관리</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="2"/><path d="M9 3a3 3 0 006 0"/><path d="M8 10h8M8 14h6M8 18h4"/></svg></span><span>SR 관리</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -70,7 +70,7 @@
 
       <!-- PMS 프로젝트 관리 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🏗️</span><span>PMS 프로젝트</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg></span><span>PMS 프로젝트</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -84,7 +84,7 @@
 
       <!-- 인프라 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🖥️</span><span>인프라</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><circle cx="6" cy="6" r="1" fill="currentColor"/><circle cx="6" cy="18" r="1" fill="currentColor"/><path d="M10 6h8M10 18h8"/></svg></span><span>인프라</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -95,43 +95,43 @@
 
       <div class="nav-separator"></div>
       <a class="nav-item nav-link-ext" href="/incidents">
-        <span class="nav-icon">🚨</span> 장애 관리
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 3.1L2 20h20L13.7 3.1a2 2 0 00-3.4 0z"/><line x1="12" y1="9" x2="12" y2="13"/><circle cx="12" cy="17" r="1" fill="currentColor"/></svg></span> 장애 관리
       </a>
       <a class="nav-item nav-link-ext" href="/ssl">
-        <span class="nav-icon">🔑</span> SSL 관리
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="15" r="4"/><path d="M12 11l8-8M17 6l3 3"/></svg></span> SSL 관리
       </a>
       <a class="nav-item nav-link-ext" href="/pm">
-        <span class="nav-icon">🔧</span> PM 점검
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94L5.37 18.6a2.12 2.12 0 01-3-3L7.5 12a6 6 0 017.2-5.7z"/></svg></span> PM 점검
       </a>
       <a class="nav-item nav-link-ext" href="/oncall">
-        <span class="nav-icon">📞</span> 온콜 관리
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3.1 19.5 19.5 0 01-6-6A19.8 19.8 0 012.1 4.2 2 2 0 014.1 2h3a2 2 0 012 1.7c.1.8.4 1.8.7 2.8a2 2 0 01-.5 2.1L8.1 9.9a16 16 0 006 6l1.3-1.3a2 2 0 012.1-.4c1 .3 2 .6 2.8.7 1 .1 1.7 1 1.7 2z"/></svg></span> 온콜 관리
       </a>
       <a class="nav-item nav-link-ext" href="/batch">
-        <span class="nav-icon">⚙️</span> 배치 작업
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M20 12a8 8 0 01-.5 2.8l1.8 1a10 10 0 010-7.6l-1.8 1A8 8 0 0120 12zM4 12a8 8 0 01.5-2.8l-1.8-1a10 10 0 000 7.6l1.8-1A8 8 0 014 12z"/></svg></span> 배치 작업
       </a>
       <a class="nav-item nav-link-ext" href="/vibe">
-        <span class="nav-icon">🎸</span> 바이브 코딩
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg></span> 바이브 코딩
       </a>
       <a class="nav-item nav-link-ext" href="/si">
-        <span class="nav-icon">🏗️</span> SI 프로젝트
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg></span> SI 프로젝트
       </a>
       <a class="nav-item nav-link-ext" href="/agents">
-        <span class="nav-icon">🤖</span> AI 에이전트
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="8" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="16" cy="12" r="1.5"/><path d="M8 6V4M12 6V4M16 6V4M8 18v2M12 18v2M16 18v2"/></svg></span> AI 에이전트
       </a>
       <div class="nav-separator"></div>
       <div class="nav-item" data-view="institutions">
-        <span class="nav-icon">🏢</span> 기관 관리
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18M3 7l9-4 9 4M4 7v14M20 7v14M9 21v-4h6v4M9 11h1M14 11h1M9 15h1M14 15h1"/></svg></span> 기관 관리
       </div>
       <div class="nav-item" data-view="scripts">
-        <span class="nav-icon">📜</span> 스크립트 관리
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg></span> 스크립트 관리
       </div>
       <div class="nav-item" data-view="timetable">
-        <span class="nav-icon">📅</span> 작업 타임테이블
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></span> 작업 타임테이블
       </div>
       <!-- ── Upstage OCR ───────────────────────────── -->
       <div class="nav-separator"></div>
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">📄</span><span>문서 AI (OCR)</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M8 13h8M8 17h5"/></svg></span><span>문서 AI (OCR)</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -150,7 +150,7 @@
 
       <!-- AI 플랫폼 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🧠</span><span>AI 플랫폼</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5a3 3 0 10-3 3H12"/><path d="M12 5a3 3 0 113 3H12"/><path d="M6 8a4 4 0 000 8h.5"/><path d="M18 8a4 4 0 010 8h-.5"/><path d="M8 16a4 4 0 008 0v-4H8v4z"/></svg></span><span>AI 플랫폼</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -163,7 +163,7 @@
 
       <!-- 분석·KPI -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">📈</span><span>분석 · KPI</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></span><span>분석 · KPI</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -177,7 +177,7 @@
 
       <!-- 클라우드 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">☁️</span><span>클라우드 · 컨테이너</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 10h-1.3A7 7 0 106 19h12a4 4 0 000-8v-1z"/></svg></span><span>클라우드 · 컨테이너</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -188,7 +188,7 @@
 
       <!-- 외부 연동 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🔗</span><span>외부 연동</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 007.5.5l3-3a5 5 0 00-7-7l-1.5 1.5"/><path d="M14 11a5 5 0 00-7.5-.5l-3 3a5 5 0 007 7l1.5-1.5"/></svg></span><span>외부 연동</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -202,7 +202,7 @@
 
       <!-- SaaS 관리 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">💼</span><span>SaaS 관리</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2"/><line x1="12" y1="12" x2="12" y2="12" stroke-width="3"/><path d="M2 13h20"/></svg></span><span>SaaS 관리</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -215,7 +215,7 @@
       <div class="nav-separator"></div>
 
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="true">
-        <span class="nav-icon">🎨</span><span>디자인 AI</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="8" cy="10" r="1.5" fill="currentColor" stroke="none"/><circle cx="13" cy="8" r="1.5" fill="currentColor" stroke="none"/><circle cx="16" cy="12" r="1.5" fill="currentColor" stroke="none"/><path d="M12 22c0-2.5-2-4-4-4h-2a2 2 0 010-4"/></svg></span><span>디자인 AI</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group" style="display:block">
@@ -229,7 +229,7 @@
       <div class="nav-separator"></div>
 
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="true">
-        <span class="nav-icon">🧠</span><span>AI 뇌 엔진</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5a3 3 0 10-3 3H12"/><path d="M12 5a3 3 0 113 3H12"/><path d="M6 8a4 4 0 000 8h.5"/><path d="M18 8a4 4 0 010 8h-.5"/><path d="M8 16a4 4 0 008 0v-4H8v4z"/><path d="M9 12v-1M15 12v-1"/></svg></span><span>AI 뇌 엔진</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group" style="display:block">
@@ -247,7 +247,7 @@
 
       <!-- AIOps 2.0 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🤖</span><span>AIOps 2.0</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="8" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="16" cy="12" r="1.5"/><path d="M8 6V4M12 6V4M16 6V4M8 18v2M12 18v2M16 18v2"/></svg></span><span>AIOps 2.0</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -259,7 +259,7 @@
 
       <!-- Zero Trust + Supply Chain -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🔐</span><span>Zero Trust + SBOM</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l9 4v5c0 5.2-3.9 10-9 11C6.9 21 3 16.2 3 11V6l9-4z"/></svg></span><span>Zero Trust + SBOM</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -270,7 +270,7 @@
 
       <!-- IDP -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🏗️</span><span>개발자 플랫폼 (IDP)</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></svg></span><span>개발자 플랫폼 (IDP)</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -281,7 +281,7 @@
 
       <!-- GreenOps + Edge -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">🌱</span><span>GreenOps + Edge/IoT</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 22c4-4 6-8 6-12A8 8 0 0122 2c0 4-2 8-4 10s-6 4-10 4H2z"/><path d="M2 22l8-8"/></svg></span><span>GreenOps + Edge/IoT</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -295,7 +295,7 @@
 
       <!-- 앱 배포 -->
       <div class="nav-group-header" onclick="toggleNavGroup(this)" aria-expanded="false">
-        <span class="nav-icon">📱</span><span>모바일 앱 배포</span>
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2"/><line x1="12" y1="18" x2="12.01" y2="18" stroke-width="3"/></svg></span><span>모바일 앱 배포</span>
         <span class="nav-arrow" aria-hidden="true">▾</span>
       </div>
       <div class="nav-group-body" role="group">
@@ -306,22 +306,22 @@
 
       <!-- 배치 SSH -->
       <div class="nav-item" data-view="batch_ssh" onclick="showPage('batch_ssh')">
-        <span class="nav-icon">⚡</span> 배치 SSH 실행
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg></span> 배치 SSH 실행
       </div>
 
       <!-- 자산 QR -->
       <div class="nav-item" data-view="asset_qr" onclick="showPage('asset_qr')">
-        <span class="nav-icon">🏷️</span> 자산 QR 태그
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="5" y="5" width="3" height="3" fill="currentColor" stroke="none"/><rect x="16" y="5" width="3" height="3" fill="currentColor" stroke="none"/><rect x="5" y="16" width="3" height="3" fill="currentColor" stroke="none"/><path d="M14 14h3v3M17 14v7M14 21h7"/></svg></span> 자산 QR 태그
       </div>
 
       <!-- 스마트 알림 -->
       <div class="nav-item" data-view="notification_rules" onclick="showPage('notification_rules')">
-        <span class="nav-icon">🔔</span> 스마트 알림 규칙
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 01-3.4 0"/></svg></span> 스마트 알림 규칙
       </div>
 
       <div class="nav-separator"></div>
       <a class="nav-item nav-link-ext" href="/license" id="nav-license">
-        <span class="nav-icon">🔏</span> 라이선스 관리
+        <span class="nav-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/><circle cx="12" cy="16" r="1" fill="currentColor"/></svg></span> 라이선스 관리
       </a>
     </nav>
 
diff --git a/static/style.css b/static/style.css
index bf0f289..dec6d95 100644
--- a/static/style.css
+++ b/static/style.css
@@ -123,7 +123,16 @@ html, body {
   border-left: 3px solid var(--accent);
   padding-left: 9px;
 }
-.nav-icon { font-size: 16px; width: 20px; text-align: center; }
+.nav-icon {
+  font-size: 16px; width: 20px; text-align: center;
+  display: inline-flex; align-items: center; justify-content: center;
+  flex-shrink: 0; line-height: 1;
+}
+.nav-icon svg {
+  display: block;
+  color: inherit;
+  stroke: currentColor;
+}
 
 /* Footer status */
 #sidebar-footer {