feat: 권한 탭 분리 + 부서 인원 표시 + 다수 시스템 개선

- tkuser: 권한 관리를 별도 탭으로 분리, 부서 클릭 시 소속 인원 목록 표시
- system1: 모바일 UI 개선, nginx 권한 보정, 신고 카테고리 타입 마이그레이션
- system2: 신고 상세/보고서 개선, 내 보고서 페이지 추가
- system3: 이슈 뷰/수신함/관리함 개선
- gateway: 포털 라우팅 수정
- user-management API: 부서별 권한 벌크 설정 추가

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

user-management/web/static/js/tkuser-departments.js

@@ -24,11 +24,13 @@ function populateParentDeptSelects() {
     });
 }
 
+let selectedDeptForMembers = null;
+
 function displayDepartments() {
     const c = document.getElementById('departmentList');
     if (!departments.length) { c.innerHTML = '<p class="text-gray-400 text-center py-4 text-sm">등록된 부서가 없습니다.</p>'; return; }
     c.innerHTML = departments.map(d => `
-        <div class="flex items-center justify-between p-2.5 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
+        <div class="flex items-center justify-between p-2.5 rounded-lg hover:bg-gray-100 transition-colors cursor-pointer ${selectedDeptForMembers === d.department_id ? 'bg-blue-50 ring-1 ring-blue-200' : 'bg-gray-50'}" onclick="showDeptMembers(${d.department_id})">
             <div class="flex-1 min-w-0">
                 <div class="text-sm font-medium text-gray-800 truncate"><i class="fas fa-sitemap mr-1.5 text-gray-400 text-xs"></i>${d.department_name}</div>
                 <div class="text-xs text-gray-500 flex items-center gap-1.5 mt-0.5 flex-wrap">
@@ -37,13 +39,58 @@ function displayDepartments() {
                     ${d.is_active === 0 || d.is_active === false ? '<span class="px-1.5 py-0.5 rounded bg-gray-100 text-gray-400">비활성</span>' : '<span class="px-1.5 py-0.5 rounded bg-emerald-50 text-emerald-600">활성</span>'}
                 </div>
             </div>
-            <div class="flex gap-1 ml-2 flex-shrink-0">
+            <div class="flex gap-1 ml-2 flex-shrink-0" onclick="event.stopPropagation()">
                 <button onclick="editDepartment(${d.department_id})" class="p-1.5 text-slate-500 hover:text-slate-700 hover:bg-slate-200 rounded" title="편집"><i class="fas fa-pen-to-square text-xs"></i></button>
                 ${d.is_active !== 0 && d.is_active !== false ? `<button onclick="deactivateDepartment(${d.department_id},'${(d.department_name||'').replace(/'/g,"\\'")}')" class="p-1.5 text-red-400 hover:text-red-600 hover:bg-red-100 rounded" title="비활성화"><i class="fas fa-ban text-xs"></i></button>` : ''}
             </div>
         </div>`).join('');
 }
 
+async function showDeptMembers(deptId) {
+    selectedDeptForMembers = deptId;
+    displayDepartments();
+    const panel = document.getElementById('deptMembersPanel');
+    const list = document.getElementById('deptMembersList');
+    panel.classList.remove('hidden');
+    list.innerHTML = '<div class="text-gray-400 text-center py-4"><i class="fas fa-spinner fa-spin"></i></div>';
+
+    let deptUsers = users;
+    if (!deptUsers || !deptUsers.length) {
+        try {
+            const r = await api('/users');
+            deptUsers = r.data || r;
+        } catch (e) {
+            list.innerHTML = `<p class="text-red-500 text-sm">${e.message}</p>`;
+            return;
+        }
+    }
+
+    const members = deptUsers.filter(u => u.department_id === deptId);
+    const dept = departments.find(d => d.department_id === deptId);
+    const title = panel.querySelector('h3');
+    if (title) title.innerHTML = `<i class="fas fa-users text-slate-400 mr-1.5"></i>소속 인원 — ${dept ? dept.department_name : ''}`;
+
+    if (!members.length) {
+        list.innerHTML = '<p class="text-gray-400 text-center py-4 text-sm">소속 인원이 없습니다</p>';
+        return;
+    }
+
+    list.innerHTML = members.map(u => `
+        <div class="flex items-center justify-between p-2 bg-gray-50 rounded-lg">
+            <div class="flex items-center gap-2">
+                <div class="w-7 h-7 bg-slate-200 rounded-full flex items-center justify-center text-xs font-semibold text-slate-600">${(u.name || u.username).charAt(0)}</div>
+                <div>
+                    <div class="text-sm font-medium text-gray-800">${u.name || u.username}</div>
+                    <div class="text-xs text-gray-500">${u.username}</div>
+                </div>
+            </div>
+            <div class="flex items-center gap-1.5">
+                <span class="px-1.5 py-0.5 rounded text-xs ${u.role === 'admin' ? 'bg-red-50 text-red-600' : 'bg-slate-50 text-slate-500'}">${u.role === 'admin' ? '관리자' : '사용자'}</span>
+                ${u.is_active === 0 || u.is_active === false ? '<span class="px-1.5 py-0.5 rounded text-xs bg-gray-100 text-gray-400">비활성</span>' : '<span class="px-1.5 py-0.5 rounded text-xs bg-emerald-50 text-emerald-600">활성</span>'}
+            </div>
+        </div>`).join('');
+}
+
 document.getElementById('addDepartmentForm').addEventListener('submit', async e => {
     e.preventDefault();
     try {