diff --git a/backend/src/db.js b/backend/src/db.js
index e844628..ec80daa 100644
--- a/backend/src/db.js
+++ b/backend/src/db.js
@@ -85,6 +85,7 @@ function mapGameItemRow(row) {
     gameId: row.game_id,
     src: row.src,
     label: row.label,
+    displayOrder: row.display_order == null ? null : Number(row.display_order),
     createdAt: Number(row.created_at),
   }
 }
@@ -271,12 +272,18 @@ async function ensureSchema() {
         game_id VARCHAR(120) NOT NULL,
         src VARCHAR(255) NOT NULL,
         label VARCHAR(120) NOT NULL,
+        display_order INT NULL DEFAULT NULL,
         created_at BIGINT NOT NULL,
         INDEX idx_game_items_game_id (game_id),
         CONSTRAINT fk_game_items_game FOREIGN KEY (game_id) REFERENCES games(id) ON DELETE CASCADE
       ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4
     `)
 
+    const gameItemDisplayOrderColumns = await query("SHOW COLUMNS FROM game_items LIKE 'display_order'")
+    if (!gameItemDisplayOrderColumns.length) {
+      await query('ALTER TABLE game_items ADD COLUMN display_order INT NULL DEFAULT NULL AFTER label')
+    }
+
     await query(`
       CREATE TABLE IF NOT EXISTS custom_items (
         id VARCHAR(64) PRIMARY KEY,
@@ -668,14 +675,23 @@ async function findGameById(id) {
 
 async function listGameItems(gameId) {
   const rows = await query(
-    'SELECT id, game_id, src, label, created_at FROM game_items WHERE game_id = ? ORDER BY created_at ASC',
+    `
+      SELECT id, game_id, src, label, display_order, created_at
+      FROM game_items
+      WHERE game_id = ?
+      ORDER BY
+        CASE WHEN display_order IS NULL THEN 1 ELSE 0 END ASC,
+        display_order ASC,
+        created_at DESC,
+        id DESC
+    `,
     [gameId]
   )
   return rows.map(mapGameItemRow)
 }
 
 async function findGameItemById(itemId) {
-  const rows = await query('SELECT id, game_id, src, label, created_at FROM game_items WHERE id = ? LIMIT 1', [itemId])
+  const rows = await query('SELECT id, game_id, src, label, display_order, created_at FROM game_items WHERE id = ? LIMIT 1', [itemId])
   return mapGameItemRow(rows[0])
 }
 
@@ -1077,23 +1093,42 @@ async function clearImageOptimizationJobs({ month } = {}) {
 }
 async function createGameItem({ id, gameId, src, label }) {
   const createdAt = now()
-  await query('INSERT INTO game_items (id, game_id, src, label, created_at) VALUES (?, ?, ?, ?, ?)', [
+  const minOrderRows = await query('SELECT MIN(display_order) AS min_display_order FROM game_items WHERE game_id = ?', [gameId])
+  const nextDisplayOrder =
+    minOrderRows[0]?.min_display_order == null ? 0 : Number(minOrderRows[0].min_display_order) - 1
+  await query('INSERT INTO game_items (id, game_id, src, label, display_order, created_at) VALUES (?, ?, ?, ?, ?, ?)', [
     id,
     gameId,
     src,
     label,
+    nextDisplayOrder,
     createdAt,
   ])
-  const rows = await query('SELECT id, game_id, src, label, created_at FROM game_items WHERE id = ? LIMIT 1', [id])
+  const rows = await query('SELECT id, game_id, src, label, display_order, created_at FROM game_items WHERE id = ? LIMIT 1', [id])
   return mapGameItemRow(rows[0])
 }
 
 async function updateGameItemLabel(itemId, label) {
   await query('UPDATE game_items SET label = ? WHERE id = ?', [label, itemId])
-  const rows = await query('SELECT id, game_id, src, label, created_at FROM game_items WHERE id = ? LIMIT 1', [itemId])
+  const rows = await query('SELECT id, game_id, src, label, display_order, created_at FROM game_items WHERE id = ? LIMIT 1', [itemId])
   return mapGameItemRow(rows[0])
 }
 
+async function updateGameItemDisplayOrder(gameId, itemIds) {
+  const normalizedIds = Array.from(new Set((itemIds || []).filter(Boolean)))
+  const existingItems = await listGameItems(gameId)
+  const existingIdSet = new Set(existingItems.map((item) => item.id))
+  const orderedIds = normalizedIds.filter((id) => existingIdSet.has(id))
+  const remainingIds = existingItems.map((item) => item.id).filter((id) => !orderedIds.includes(id))
+  const finalIds = [...orderedIds, ...remainingIds]
+
+  await Promise.all(
+    finalIds.map((itemId, index) => query('UPDATE game_items SET display_order = ? WHERE id = ? AND game_id = ?', [index + 1, itemId, gameId]))
+  )
+
+  return listGameItems(gameId)
+}
+
 async function updateCustomItemLabel(itemId, label) {
   await query('UPDATE custom_items SET label = ? WHERE id = ?', [label, itemId])
   const rows = await query(`
@@ -1916,7 +1951,11 @@ async function findTemplateRequestById(id) {
   return mapTemplateRequestRow(rows[0])
 }
 
-async function listAdminTemplateRequests({ status = 'pending' } = {}) {
+async function listAdminTemplateRequests({ status = 'pending', statuses = [] } = {}) {
+  const requestedStatuses = Array.isArray(statuses) && statuses.length ? statuses : [status]
+  const validStatuses = requestedStatuses.filter((entry) => typeof entry === 'string' && entry.trim())
+  const normalizedStatuses = validStatuses.length ? validStatuses : ['pending']
+  const placeholders = normalizedStatuses.map(() => '?').join(', ')
   const rows = await query(
     `
       SELECT
@@ -1945,10 +1984,16 @@ async function listAdminTemplateRequests({ status = 'pending' } = {}) {
       INNER JOIN users u ON u.id = tr.requester_id
       LEFT JOIN games sg ON sg.id = tr.source_game_id
       LEFT JOIN games tg ON tg.id = tr.target_game_id
-      WHERE tr.status = ?
-      ORDER BY tr.created_at DESC
+      WHERE tr.status IN (${placeholders})
+      ORDER BY
+        CASE tr.status
+          WHEN 'pending' THEN 0
+          WHEN 'reviewing' THEN 1
+          ELSE 2
+        END,
+        tr.created_at DESC
     `,
-    [status]
+    normalizedStatuses
   )
 
   return rows.map(mapTemplateRequestRow)
@@ -2111,6 +2156,7 @@ module.exports = {
   getImageAssetStats,
   createGameItem,
   updateGameItemLabel,
+  updateGameItemDisplayOrder,
   updateCustomItemLabel,
   updateImageAssetLabel,
   deleteGameItem,
diff --git a/backend/src/routes/admin.js b/backend/src/routes/admin.js
index 7cfb4b7..9ae03b9 100644
--- a/backend/src/routes/admin.js
+++ b/backend/src/routes/admin.js
@@ -15,6 +15,7 @@ const {
   updateGameThumbnail,
   createGameItem,
   updateGameItemLabel,
+  updateGameItemDisplayOrder,
   updateCustomItemLabel,
   updateImageAssetLabel,
   deleteGameItem,
@@ -115,6 +116,20 @@ router.patch('/games/display-order', requireAdmin, async (req, res) => {
   res.json({ games: updatedGames })
 })
 
+router.patch('/games/:gameId/items/display-order', requireAdmin, async (req, res) => {
+  const schema = z.object({
+    itemIds: z.array(z.string().min(1)).min(1),
+  })
+  const parsed = schema.safeParse(req.body)
+  if (!parsed.success) return res.status(400).json({ error: 'bad_request' })
+
+  const game = await findGameById(req.params.gameId)
+  if (!game) return res.status(404).json({ error: 'not_found' })
+
+  const items = await updateGameItemDisplayOrder(game.id, parsed.data.itemIds)
+  res.json({ items })
+})
+
 router.post('/games/:gameId/thumbnail', requireAdmin, upload.single('thumbnail'), async (req, res) => {
   if (!req.file) return res.status(400).json({ error: 'file_required' })
   const game = await findGameById(req.params.gameId)
@@ -262,7 +277,7 @@ router.get('/tierlists', requireAdmin, async (req, res) => {
 })
 
 router.get('/template-requests', requireAdmin, async (req, res) => {
-  const requests = await listAdminTemplateRequests({ status: 'pending' })
+  const requests = await listAdminTemplateRequests({ statuses: ['pending', 'reviewing'] })
   res.json({ requests })
 })
 
@@ -429,6 +444,16 @@ async function promoteSnapshotItemsToGame({ items, gameId }) {
   return createdItems
 }
 
+function pickTemplateRequestItems(templateRequest, itemIds = [], itemLabels = {}) {
+  const requestedIds = new Set((itemIds || []).filter(Boolean))
+  const items = Array.isArray(templateRequest?.items) ? templateRequest.items : []
+  const filtered = requestedIds.size ? items.filter((item) => item?.id && requestedIds.has(item.id)) : items
+  return filtered.map((item) => ({
+    ...item,
+    label: typeof itemLabels?.[item.id] === 'string' && itemLabels[item.id].trim() ? itemLabels[item.id].trim().slice(0, 60) : item.label,
+  }))
+}
+
 async function createGameTemplateFromTierList({ tierList, gameId, gameName }) {
   await createGame({ id: gameId, name: gameName })
   if (tierList.thumbnailSrc) {
@@ -610,6 +635,64 @@ router.post('/template-requests/:requestId/approve', requireAdmin, async (req, r
   res.json({ request, ...result })
 })
 
+router.post('/template-requests/:requestId/review', requireAdmin, async (req, res) => {
+  const templateRequest = await findTemplateRequestById(req.params.requestId)
+  if (!templateRequest) return res.status(404).json({ error: 'not_found' })
+  if (templateRequest.status === 'completed' || templateRequest.status === 'rejected' || templateRequest.status === 'approved') {
+    return res.status(409).json({ error: 'request_already_handled' })
+  }
+
+  if (templateRequest.status === 'reviewing') {
+    return res.json({ request: templateRequest })
+  }
+
+  const request = await updateTemplateRequestStatus({ id: templateRequest.id, status: 'reviewing' })
+  res.json({ request })
+})
+
+router.post('/template-requests/:requestId/promote-items', requireAdmin, async (req, res) => {
+  const schema = z.object({
+    gameId: z.string().trim().min(1).max(120),
+    itemIds: z.array(z.string().min(1)).optional().default([]),
+    itemLabels: z.record(z.string().min(1).max(60)).optional().default({}),
+  })
+  const parsed = schema.safeParse(req.body)
+  if (!parsed.success) return res.status(400).json({ error: 'bad_request' })
+
+  const templateRequest = await findTemplateRequestById(req.params.requestId)
+  if (!templateRequest) return res.status(404).json({ error: 'not_found' })
+  if (!['pending', 'reviewing'].includes(templateRequest.status)) {
+    return res.status(409).json({ error: 'request_already_handled' })
+  }
+
+  const game = await findGameById(parsed.data.gameId)
+  if (!game) return res.status(404).json({ error: 'game_not_found' })
+
+  const items = await promoteSnapshotItemsToGame({
+    items: pickTemplateRequestItems(templateRequest, parsed.data.itemIds, parsed.data.itemLabels),
+    gameId: game.id,
+  })
+
+  const request =
+    templateRequest.status === 'reviewing'
+      ? templateRequest
+      : await updateTemplateRequestStatus({ id: templateRequest.id, status: 'reviewing' })
+
+  res.json({ request, items })
+})
+
+router.post('/template-requests/:requestId/complete', requireAdmin, async (req, res) => {
+  const templateRequest = await findTemplateRequestById(req.params.requestId)
+  if (!templateRequest) return res.status(404).json({ error: 'not_found' })
+  if (templateRequest.status === 'completed') return res.json({ request: templateRequest })
+  if (templateRequest.status === 'rejected' || templateRequest.status === 'approved') {
+    return res.status(409).json({ error: 'request_already_handled' })
+  }
+
+  const request = await updateTemplateRequestStatus({ id: templateRequest.id, status: 'completed' })
+  res.json({ request })
+})
+
 router.post('/template-requests/:requestId/reject', requireAdmin, async (req, res) => {
   const templateRequest = await findTemplateRequestById(req.params.requestId)
   if (!templateRequest) return res.status(404).json({ error: 'not_found' })
diff --git a/docs/history.md b/docs/history.md
index e71c3f5..717d8c6 100644
--- a/docs/history.md
+++ b/docs/history.md
@@ -1,5 +1,15 @@
 # 의사결정 이력
 
+## 2026-04-02 v1.3.50
+- 템플릿 요청 카드는 게임 이름/ID만 남기기보다 대표 썸네일까지 유지하는 편이 운영자가 요청 대상을 훨씬 빨리 구분할 수 있다고 정리했다.
+- 템플릿 요청의 `확인하기`는 단순히 해당 게임을 선택하는 동작이 아니라, 게임 관리 화면에서 요청 아이템 후보가 실제 작업 상태로 복원되어야 한다고 판단했다.
+- 관리자 화면은 기능이 많아진 만큼 단일 `/admin` 상태보다 섹션별 경로를 갖는 편이 뒤로가기와 직접 진입 모두에서 더 안정적이라고 정리했다.
+- 관리자 URL은 보이기만 막는 수준이 아니라, 라우터 단계에서 비로그인/비관리자 접근 자체를 차단하는 편이 맞다고 정리했다.
+- 티어표 에디터의 커스텀 아이템 이름 편집 목록은 “사전순 재정렬”보다 입력 안정성이 더 중요하므로, 실시간 라벨 기준 정렬은 제거하는 쪽으로 결정했다.
+- 게임 기본 아이템은 최신 추가 항목이 먼저 보이도록 하되, 관리자가 필요하면 직접 드래그해 기준 순서를 고정할 수 있어야 한다고 판단했다.
+- 관리자 리팩터링은 한 번에 로직까지 갈아엎기보다, 먼저 각 관리 본문을 섹션 컴포넌트로 분리해 `AdminView.vue`의 책임을 줄이는 단계형 접근이 더 안전하다고 정리했다.
+- 본문 템플릿 분리 다음 단계에서는 `게임 관리`와 `템플릿 요청`처럼 상태가 무거운 영역부터 composable로 옮겨, 뷰 파일과 업무 로직 파일의 경계를 먼저 세우는 편이 맞다고 판단했다.
+
 ## 2026-04-01 v1.3.49
 - 템플릿 요청은 임시 편집 상태에 기대기보다, 먼저 저장된 티어표를 기준으로 요청 스냅샷을 만드는 편이 훨씬 안정적이라고 정리했다. 그래서 요청 버튼은 저장본이 있을 때만 노출하고, 제목이 비어 있으면 사람이 쓰는 기본 문구 대신 고유한 랜덤 제목으로 먼저 저장본을 만든 뒤 요청을 이어가도록 했다.
 - 관리자 템플릿 요청 미리보기는 별도 요청 전용 보드 레이아웃을 유지하기보다, 일반 티어표 완성본과 같은 행·열·남은 아이템 문법을 그대로 재사용하는 편이 검수 체감이 가장 자연스럽다고 판단했다.
diff --git a/docs/todo.md b/docs/todo.md
index 57b5d3c..ae017c3 100644
--- a/docs/todo.md
+++ b/docs/todo.md
@@ -1,6 +1,10 @@
 # 할 일 및 이슈
 
 ## 중기 개선
+- 관리자 URL 분리는 시작했으므로, 다음 단계에서는 `AdminView.vue` 단일 대형 파일을 섹션별 뷰/컴포저블로 쪼개고 직접 진입 시 선택 게임/요청 작업 상태 복원 범위도 함께 정리한다.
+- 관리자 본문 컴포넌트 분리는 시작했으므로, 다음 단계에서는 `AdminView.vue`에 남아 있는 상태/액션도 `useAdmin*` composable 단위로 분리해 실제 로직 결합도를 줄인다.
+- 관리자 게임/템플릿 요청 composable 분리는 시작했으므로, 다음 단계에서는 회원/아이템/목록 관리도 같은 기준으로 정리하고 공통 모달 상태를 어느 계층에서 소유할지 정리한다.
+- 관리자 게임 아이템 순서 저장은 추가됐으므로, 다음 단계에서는 새 아이템 추가 직후 `자동 맨 앞 배치`와 `관리자 수동 고정 순서`의 우선순위를 실제 운영 흐름 기준으로 한 번 더 QA한다.
 - 관리자 템플릿 요청 미리보기는 실제 완성본 iframe 방식과의 체감 차이를 마지막으로 한 번 더 QA한다.
 - 라이트모드/다크모드 2차 보정까지 반영했으므로, 남은 작업은 전체 화면을 실제 사용 흐름으로 돌려 보며 대비·명도·아이콘 가독성을 미세하게 QA하는 최종 테마 점검 단계로 가져간다.
 - 관리자용 티어표 승인/숨김 처리, 아이템 정렬 UI를 추가한다.
diff --git a/docs/update.md b/docs/update.md
index 8cb0222..f5dd007 100644
--- a/docs/update.md
+++ b/docs/update.md
@@ -1,5 +1,15 @@
 # 업데이트 로그
 
+## 2026-04-02 v1.3.50
+- 관리자 `템플릿 요청 관리` 카드에서는 대표 썸네일을 다시 복구해 게임 이름/ID와 함께 요청 대상을 더 빠르게 식별할 수 있게 정리함.
+- `확인하기` 후 게임을 불러오면서 요청 아이템 임시 목록이 비워지던 흐름을 수정하고, 신규 게임 생성 직후에도 요청 아이템이 기본 아이템 추가 미리보기에 유지되도록 보강함.
+- 관리자 상단 작업 모드는 `/admin/featured`, `/admin/games`, `/admin/items`, `/admin/tierlists`, `/admin/users` 경로로 나눠 뒤로가기 시 관리자 밖으로 바로 이탈하던 흐름을 줄임.
+- 관리자 경로는 이제 라우터 가드에서 로그인/관리자 여부를 먼저 확인하고, 권한이 없으면 관리자 화면 자체에 접근하지 못하도록 홈으로 되돌림.
+- 티어표 에디터의 커스텀 아이템 이름 편집 목록은 입력 중 실시간 라벨 정렬을 제거해, 입력 도중 포커스가 풀리거나 글자가 끊기던 현상을 막음.
+- 게임 기본 아이템은 최신 추가 항목이 앞에 오도록 기본 정렬 기준을 바꾸고, 관리자 게임 관리 화면에서 현재 목록을 그대로 드래그해 순서를 저장할 수 있게 함.
+- 관리자 대형 단일 뷰 정리를 시작하면서 `목록/게임/아이템/티어표/회원 관리` 본문을 섹션 컴포넌트로 분리해, `AdminView.vue`는 상태·모달·사이드바 중심 셸로 가볍게 정리함.
+- 관리자 리팩터링 2차로 `게임 관리`와 `템플릿 요청 처리` 로직을 `useAdminGameManager`, `useAdminTemplateRequests` composable로 분리해, `AdminView.vue` 스크립트에서도 섹션별 책임이 더 명확해지도록 정리함.
+
 ## 2026-04-01 v1.3.49
 - 티어표 에디터의 템플릿 요청 흐름은 저장된 티어표를 기준으로만 요청을 보낼 수 있도록 다시 정리하고, 요청 모달의 `내 티어리스트에도 저장` 분기는 제거함. 제목이 비어 있는 상태에서 저장하면 `직접 티어표 만들기` 대신 랜덤한 고유 제목을 먼저 부여해 저장본을 만들고, 그 이후에만 템플릿 요청 버튼이 노출되도록 맞춤.
 - 관리자 `사용자 템플릿 요청` 카드는 `전체 티어표 관리`와 같은 카드 문법으로 유지하되, 썸네일은 상단에 고정된 클릭 진입점으로 다시 정리하고 카드 본문과 별도 입력 영역의 밀도를 맞춤.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 3f78bba..0f5c359 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -35,7 +35,8 @@ provide('localRightRailTarget', '#local-right-rail-root')
 const authReady = computed(() => auth.hydrated)
 const isAdmin = computed(() => authReady.value && !!auth.user?.isAdmin)
 const isPreviewMode = computed(() => route.query.preview === '1')
-const usesLocalRightRail = computed(() => ['editEditor', 'newEditor', 'admin'].includes(String(route.name || '')))
+const isAdminRoute = computed(() => String(route.name || '').startsWith('admin'))
+const usesLocalRightRail = computed(() => ['editEditor', 'newEditor'].includes(String(route.name || '')) || isAdminRoute.value)
 const isRightRailOverlay = computed(() => viewportWidth.value <= 1200)
 const isMobileLayout = computed(() => viewportWidth.value <= 860)
 const avatarUrl = computed(() => (auth.user?.avatarSrc ? toApiUrl(auth.user.avatarSrc) : ''))
@@ -179,7 +180,7 @@ const routeMeta = computed(() => {
       action: () => router.push('/'),
     }
   }
-  if (route.name === 'admin') {
+  if (isAdminRoute.value) {
     return {
       title: 'Admin Workspace',
       subtitle: '게임·아이템·회원 관리',
@@ -471,7 +472,7 @@ function submitGlobalSearch() {
             <SvgIcon :src="iconMenuBook" :size="18" class="adminButton__icon" />
             <span>가이드 보기</span>
           </button>
-          <RouterLink v-if="authReady && isAdmin" to="/admin" class="adminButton">관리자 메뉴</RouterLink>
+          <RouterLink v-if="authReady && isAdmin" to="/admin/featured" class="adminButton">관리자 메뉴</RouterLink>
           <RouterLink v-else-if="authReady && !auth.user" to="/login" class="adminButton">로그인</RouterLink>
         </div>
         </div>
diff --git a/frontend/src/components/admin/AdminFeaturedSection.vue b/frontend/src/components/admin/AdminFeaturedSection.vue
new file mode 100644
index 0000000..4008245
--- /dev/null
+++ b/frontend/src/components/admin/AdminFeaturedSection.vue
@@ -0,0 +1,64 @@
+<script setup>
+const props = defineProps({
+  featuredGames: { type: Array, required: true },
+  availableGamesForFeatured: { type: Array, required: true },
+  featuredGameIds: { type: Array, required: true },
+  featuredListRef: { type: Function, required: true },
+  saveFeaturedOrder: { type: Function, required: true },
+  moveFeaturedGame: { type: Function, required: true },
+  removeFeaturedGame: { type: Function, required: true },
+  addFeaturedGame: { type: Function, required: true },
+})
+</script>
+
+<template>
+  <div class="panel">
+    <div class="sectionHeader">
+      <div>
+        <div class="panel__title">홈 화면 상단 고정 순서</div>
+        <div class="hint hint--tight">여기에 넣은 게임은 지정한 순서대로 먼저 노출되고, 나머지 게임은 최근 생성순으로 뒤에 이어집니다. 최대 50개까지 설정할 수 있어요.</div>
+      </div>
+      <button class="btn btn--primary" @click="props.saveFeaturedOrder">순서 저장</button>
+    </div>
+
+    <div class="featuredOrderPanel">
+      <div class="featuredOrderPanel__list">
+        <div class="section__title">상단 고정 목록</div>
+        <div v-if="!props.featuredGames.length" class="hint">아직 상단 고정 게임이 없어요.</div>
+        <div v-else :ref="props.featuredListRef" class="featuredList">
+          <article v-for="(game, index) in props.featuredGames" :key="game.id" class="featuredCard" :data-featured-id="game.id">
+            <div class="featuredCard__meta">
+              <span class="featuredCard__rank">{{ index + 1 }}</span>
+              <div>
+                <div class="featuredCard__title">{{ game.name }}</div>
+                <div class="featuredCard__id">{{ game.id }}</div>
+              </div>
+            </div>
+            <div class="featuredCard__actions">
+              <button class="btn btn--ghost btn--small" data-featured-handle>드래그</button>
+              <button class="btn btn--ghost btn--small" :disabled="index === 0" @click="props.moveFeaturedGame(game.id, -1)">위로</button>
+              <button class="btn btn--ghost btn--small" :disabled="index === props.featuredGames.length - 1" @click="props.moveFeaturedGame(game.id, 1)">아래로</button>
+              <button class="btn btn--danger btn--small" @click="props.removeFeaturedGame(game.id)">제외</button>
+            </div>
+          </article>
+        </div>
+      </div>
+
+      <div class="featuredOrderPanel__picker">
+        <div class="section__title">게임 추가</div>
+        <div class="featuredPickerList">
+          <button
+            v-for="game in props.availableGamesForFeatured"
+            :key="game.id"
+            class="featuredPickerItem"
+            :disabled="props.featuredGameIds.length >= 50"
+            @click="props.addFeaturedGame(game.id)"
+          >
+            <span>{{ game.name }}</span>
+            <span class="featuredPickerItem__id">{{ game.id }}</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/components/admin/AdminGamesSection.vue b/frontend/src/components/admin/AdminGamesSection.vue
new file mode 100644
index 0000000..a6489c7
--- /dev/null
+++ b/frontend/src/components/admin/AdminGamesSection.vue
@@ -0,0 +1,171 @@
+<script setup>
+import { toApiUrl } from '../../lib/runtime'
+
+const props = defineProps({
+  activeTemplateRequest: { type: Object, default: null },
+  templateRequestSourceUrl: { type: Function, required: true },
+  stagedRequestDraftCount: { type: Number, required: true },
+  openGameCreateModal: { type: Function, required: true },
+  isGameLoading: { type: Boolean, required: true },
+  hasSelectedGame: { type: Boolean, required: true },
+  selectedGame: { type: Object, default: null },
+  itemFileInputRef: { type: Function, required: true },
+  onFile: { type: Function, required: true },
+  isItemDragOver: { type: Boolean, required: true },
+  onItemDragEnter: { type: Function, required: true },
+  onItemDragOver: { type: Function, required: true },
+  onItemDragLeave: { type: Function, required: true },
+  onItemDrop: { type: Function, required: true },
+  openItemFilePicker: { type: Function, required: true },
+  uploadItemDrafts: { type: Array, required: true },
+  clearItemFiles: { type: Function, required: true },
+  canAddItem: { type: Boolean, required: true },
+  uploadItem: { type: Function, required: true },
+  removeUploadDraft: { type: Function, required: true },
+  hasGameItemOrderChanges: { type: Boolean, required: true },
+  saveGameItemOrder: { type: Function, required: true },
+  gameItemListRef: { type: Function, required: true },
+  saveGameItemLabel: { type: Function, required: true },
+  removeGameItem: { type: Function, required: true },
+  selectedGameId: { type: String, default: '' },
+})
+</script>
+
+<template>
+  <div v-if="props.activeTemplateRequest" class="panel requestWorkspace">
+    <div class="requestWorkspace__head">
+      <div>
+        <div class="panel__title">진행 중인 요청 작업</div>
+        <div class="requestWorkspace__title">{{ props.activeTemplateRequest.sourceTierListTitle || '템플릿 요청' }}</div>
+        <div class="hint hint--tight">
+          {{ props.activeTemplateRequest.type === 'create' ? '새 게임을 만든 뒤 필요한 아이템만 골라 저장하세요.' : '필요한 아이템만 남긴 뒤 기본 아이템 추가 버튼으로 반영하세요.' }}
+        </div>
+      </div>
+      <div class="requestWorkspace__stats">
+        <span class="pill pill--accent">{{ props.activeTemplateRequest.type === 'create' ? '신규 게임 요청' : '기존 게임 업데이트' }}</span>
+        <span class="pill">요청 아이템 {{ props.stagedRequestDraftCount }}개</span>
+      </div>
+    </div>
+    <div class="requestWorkspace__actions">
+      <a
+        v-if="props.templateRequestSourceUrl(props.activeTemplateRequest)"
+        class="btn btn--ghost btn--small"
+        :href="props.templateRequestSourceUrl(props.activeTemplateRequest)"
+        target="_blank"
+        rel="noreferrer"
+      >
+        요청 티어표 보기
+      </a>
+      <button v-if="props.activeTemplateRequest.type === 'create'" class="btn btn--ghost btn--small" type="button" @click="props.openGameCreateModal">
+        새 게임 만들기
+      </button>
+    </div>
+  </div>
+
+  <div v-if="props.isGameLoading" class="panel panel--empty">
+    <div class="emptyState">
+      <div class="emptyState__title">게임 정보를 불러오는 중이에요.</div>
+      <div class="emptyState__desc">선택한 게임의 썸네일과 기본 아이템을 곧 표시합니다.</div>
+    </div>
+  </div>
+  <div v-else-if="props.hasSelectedGame" class="panel">
+    <div class="detailHead">
+      <div>
+        <div class="panel__title">선택된 게임 정보</div>
+        <div class="selectedGame__name">{{ props.selectedGame.game.name }}</div>
+        <div class="selectedGame__id">{{ props.selectedGame.game.id }}</div>
+      </div>
+    </div>
+
+    <div class="section">
+      <section class="adminCard">
+        <div class="section__title">기본 아이템 추가</div>
+        <div class="itemComposer">
+          <div class="itemComposer__form">
+            <input :ref="props.itemFileInputRef" type="file" accept="image/*" multiple class="srOnlyInput" @change="props.onFile" />
+            <div
+              class="dropZone"
+              :class="{ 'dropZone--active': props.isItemDragOver }"
+              @dragenter="props.onItemDragEnter"
+              @dragover="props.onItemDragOver"
+              @dragleave="props.onItemDragLeave"
+              @drop="props.onItemDrop"
+            >
+              <div class="dropZone__title">이미지를 드래그해서 기본 아이템으로 추가</div>
+              <div class="dropZone__desc">
+                여러 파일을 한 번에 올릴 수 있고, 저장 라벨은 파일명으로 자동 생성됩니다.
+                <span v-if="props.stagedRequestDraftCount"> 현재 요청에서 가져온 아이템 {{ props.stagedRequestDraftCount }}개도 함께 검토 중이에요.</span>
+              </div>
+              <div class="dropZone__actions">
+                <button class="btn btn--ghost btn--small" type="button" @click="props.openItemFilePicker">파일 선택</button>
+                <button class="btn btn--danger btn--small" type="button" :disabled="!props.uploadItemDrafts.length" @click="props.clearItemFiles">선택 비우기</button>
+              </div>
+            </div>
+            <button class="btn" :disabled="!props.canAddItem" @click="props.uploadItem">
+              아이템 {{ props.uploadItemDrafts.length || 0 }}개 추가
+            </button>
+          </div>
+          <div class="itemPreviewCard">
+            <div v-if="props.uploadItemDrafts.length" class="itemDraftList">
+              <div
+                v-for="draft in props.uploadItemDrafts"
+                :key="draft.kind + ':' + (draft.itemId || draft.file?.name || draft.previewUrl)"
+                class="itemDraftRow"
+              >
+                <div class="itemDraftRow__preview">
+                  <img class="itemPreviewImage" :src="draft.previewUrl" :alt="draft.sourceName || 'item preview'" />
+                </div>
+                <div class="itemDraftRow__body">
+                  <input v-model="draft.label" class="input input--labelEdit input--dense" maxlength="60" placeholder="아이템 이름" />
+                  <div class="hint hint--tight">{{ draft.sourceName }}</div>
+                  <div class="itemDraftRow__meta">
+                    <span class="pill pill--soft">{{ draft.kind === 'request' ? '요청 아이템' : '직접 추가 파일' }}</span>
+                    <button class="btn btn--danger btn--small" type="button" @click="props.removeUploadDraft(draft)">제외</button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-else class="itemPreviewEmpty">등록한 기본 아이템 미리보기가 여기에 표시됩니다.</div>
+            <div class="thumbLabel thumbLabel--preview">
+              {{ props.uploadItemDrafts.length ? `추가 예정 아이템 ${props.uploadItemDrafts.length}개` : '아직 선택된 파일이 없어요.' }}
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+
+    <div class="section">
+      <div class="sectionHeader">
+        <div>
+          <div class="section__title">현재 기본 아이템 목록</div>
+          <div class="hint hint--tight">드래그해서 기본 노출 순서를 바꿀 수 있어요. 저장 전까지는 화면에서만 순서가 바뀝니다.</div>
+        </div>
+        <button class="btn btn--primary btn--small" :disabled="!props.hasGameItemOrderChanges" @click="props.saveGameItemOrder">순서 저장</button>
+      </div>
+      <div v-if="!props.selectedGame?.items?.length" class="hint">아직 등록된 기본 아이템이 없어요.</div>
+      <div v-else :ref="props.gameItemListRef" class="thumbGrid">
+        <div v-for="item in props.selectedGame.items" :key="item.id" class="thumbCard" :data-game-item-id="item.id">
+          <img class="thumb thumb--game" :src="toApiUrl(item.src)" :alt="item.label" />
+          <input v-model="item.draftLabel" class="input input--labelEdit" placeholder="아이템 이름" />
+          <div class="thumbCard__actions">
+            <button
+              class="btn btn--ghost btn--small"
+              :disabled="item.isSavingLabel || !item.draftLabel?.trim() || item.draftLabel.trim() === item.label"
+              @click="props.saveGameItemLabel(item)"
+            >
+              {{ item.isSavingLabel ? '저장중...' : '이름 저장' }}
+            </button>
+            <button class="btn btn--danger btn--small" @click="props.removeGameItem(item.id)">아이템 삭제</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div v-else class="panel panel--empty">
+    <div class="emptyState">
+      <div class="emptyState__title">게임을 선택해 주세요.</div>
+      <div v-if="props.activeTemplateRequest?.type === 'create'" class="hint hint--tight">진행 중인 신규 게임 요청이 있어요. 위의 `새 게임 만들기`로 게임을 만든 뒤 아이템을 추가할 수 있습니다.</div>
+      <div v-if="props.selectedGameId" class="hint hint--tight">선택한 게임을 찾지 못했거나 로딩 중 오류가 발생했어요. 다시 선택해보세요.</div>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/components/admin/AdminItemsSection.vue b/frontend/src/components/admin/AdminItemsSection.vue
new file mode 100644
index 0000000..ae9ae47
--- /dev/null
+++ b/frontend/src/components/admin/AdminItemsSection.vue
@@ -0,0 +1,31 @@
+<script setup>
+import { toApiUrl } from '../../lib/runtime'
+
+const props = defineProps({
+  customItems: { type: Array, required: true },
+  openCustomItemModal: { type: Function, required: true },
+  customItemPage: { type: Number, required: true },
+  customItemPageCount: { type: Number, required: true },
+  customItemTotal: { type: Number, required: true },
+  moveCustomItemPage: { type: Function, required: true },
+})
+</script>
+
+<template>
+  <div class="panel">
+    <div v-if="!props.customItems.length" class="hint">조건에 맞는 관리 대상 아이템이 없어요.</div>
+    <div v-else class="customItemGrid">
+      <button v-for="item in props.customItems" :key="item.id" type="button" class="customItemCard" @click="props.openCustomItemModal(item)">
+        <span class="customItemCard__badge" :class="{ 'customItemCard__badge--template': item.sourceType === 'template' }">{{ item.sourceLabel }}</span>
+        <img class="customItemCard__image" :src="toApiUrl(item.src)" :alt="item.label" />
+        <div class="customItemCard__title" :title="item.label">{{ item.label }}</div>
+      </button>
+    </div>
+
+    <div class="pager">
+      <button class="btn btn--ghost" :disabled="props.customItemPage <= 1" @click="props.moveCustomItemPage(-1)">이전</button>
+      <div class="pager__info">{{ props.customItemPage }} / {{ props.customItemPageCount }} 페이지 · 총 {{ props.customItemTotal }}개</div>
+      <button class="btn btn--ghost" :disabled="props.customItemPage >= props.customItemPageCount" @click="props.moveCustomItemPage(1)">다음</button>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/components/admin/AdminTierlistsSection.vue b/frontend/src/components/admin/AdminTierlistsSection.vue
new file mode 100644
index 0000000..a1600e5
--- /dev/null
+++ b/frontend/src/components/admin/AdminTierlistsSection.vue
@@ -0,0 +1,174 @@
+<script setup>
+import { toApiUrl } from '../../lib/runtime'
+
+const props = defineProps({
+  tierlistsMode: { type: String, required: true },
+  templateRequests: { type: Array, required: true },
+  openTemplateRequestPreview: { type: Function, required: true },
+  templateRequestTypeLabel: { type: Function, required: true },
+  fmt: { type: Function, required: true },
+  templateRequestTargetLabel: { type: Function, required: true },
+  templateRequestStatusLabel: { type: Function, required: true },
+  templateRequestSourceUrl: { type: Function, required: true },
+  templateRequestReviewHint: { type: Function, required: true },
+  startTemplateRequestReview: { type: Function, required: true },
+  completeTemplateRequest: { type: Function, required: true },
+  adminTierLists: { type: Array, required: true },
+  tierListThumbUrl: { type: Function, required: true },
+  openAdminTierList: { type: Function, required: true },
+  tierListAuthorDisplayName: { type: Function, required: true },
+  tierListVisibilityLabel: { type: Function, required: true },
+  openTierListExtraItemModal: { type: Function, required: true },
+  openTierListImportModal: { type: Function, required: true },
+  adminTierListPage: { type: Number, required: true },
+  adminTierListPageCount: { type: Number, required: true },
+  adminTierListTotal: { type: Number, required: true },
+  moveAdminTierListPage: { type: Function, required: true },
+})
+</script>
+
+<template>
+  <div v-if="props.tierlistsMode === 'requests'" class="panel">
+    <div class="sectionHeader">
+      <div>
+        <div class="panel__title">사용자 요청</div>
+        <div class="hint hint--tight">요청 카드는 미확인/확인함 상태로 관리하고, 실제 아이템 반영은 게임 관리 화면에서 직접 진행합니다. 처리 완료를 눌러야 카드가 목록에서 빠져요.</div>
+      </div>
+    </div>
+
+    <div v-if="!props.templateRequests.length" class="hint">현재 처리 대기 중인 템플릿 요청이 없어요.</div>
+    <div v-else class="templateRequestList">
+      <article v-for="request in props.templateRequests" :key="request.id" class="tierAdminCard templateRequestCard templateRequestCard--aligned">
+        <div class="templateRequestCard__side">
+          <button class="tierAdminCard__preview templateRequestCard__preview" type="button" @click="props.openTemplateRequestPreview(request)">
+            <img v-if="request.thumbnailSrc" class="tierAdminCard__thumb" :src="toApiUrl(request.thumbnailSrc)" :alt="request.sourceTierListTitle" />
+            <div v-else class="tierAdminCard__thumb tierAdminCard__thumb--empty"></div>
+          </button>
+          <div class="templateRequestCard__thumbMeta">
+            <template v-if="request.type === 'create'">
+              <label class="templateRequestField">
+                <span class="templateRequestField__label">게임 이름</span>
+                <input v-model="request.draftGameName" class="input" placeholder="새 게임 이름" />
+              </label>
+              <label class="templateRequestField">
+                <span class="templateRequestField__label">게임 ID</span>
+                <input v-model="request.draftGameId" class="input" placeholder="임시 게임 ID" />
+              </label>
+            </template>
+            <template v-else>
+              <div class="templateRequestCard__thumbLabel">게임 이름</div>
+              <div class="templateRequestCard__thumbValue">{{ request.draftGameName || request.sourceGameName || '-' }}</div>
+              <div class="templateRequestCard__thumbLabel">게임 ID</div>
+              <div class="templateRequestCard__thumbValue">{{ request.draftGameId || request.sourceGameId || '-' }}</div>
+            </template>
+          </div>
+        </div>
+
+        <div class="tierAdminCard__body">
+          <div class="tierAdminCard__head">
+            <div>
+              <div class="tierAdminCard__title">{{ request.sourceTierListTitle }}</div>
+              <div v-if="request.sourceDescription" class="tierAdminCard__desc">{{ request.sourceDescription }}</div>
+              <div class="tierAdminCard__meta">
+                {{ props.templateRequestTypeLabel(request) }} · {{ request.requesterName }} · {{ props.fmt(request.createdAt) }}
+              </div>
+              <div class="tierAdminCard__meta">{{ props.templateRequestTargetLabel(request) }}</div>
+            </div>
+          </div>
+
+          <div class="tierAdminCard__stats">
+            <span class="pill">추가 아이템 {{ request.items?.length || 0 }}개</span>
+            <span class="pill">{{ request.type === 'create' ? '새 템플릿' : '기존 템플릿 업데이트' }}</span>
+            <span class="pill" :class="{ 'pill--accent': request.status === 'reviewing' }">{{ props.templateRequestStatusLabel(request) }}</span>
+          </div>
+
+          <div v-if="request.items?.length" class="tierAdminItemList templateRequestCard__items">
+            <button v-for="item in request.items" :key="item.id" class="tierAdminItem" type="button">
+              <img class="tierAdminItem__thumb" :src="toApiUrl(item.src)" :alt="item.label" />
+              <div class="tierAdminItem__title">{{ item.label }}</div>
+            </button>
+          </div>
+
+          <div class="templateRequestCard__links">
+            <a
+              v-if="props.templateRequestSourceUrl(request)"
+              class="btn btn--ghost btn--small"
+              :href="props.templateRequestSourceUrl(request)"
+              target="_blank"
+              rel="noreferrer"
+            >
+              요청 티어표 보기
+            </a>
+            <div class="hint hint--tight">{{ props.templateRequestReviewHint(request) }}</div>
+          </div>
+
+          <div class="templateRequestCard__actions">
+            <button class="btn btn--primary" :disabled="request.isHandling" @click="props.startTemplateRequestReview(request)">
+              {{ request.isHandling ? '이동중...' : '확인하기' }}
+            </button>
+            <button class="btn btn--ghost" :disabled="request.isHandling || request.status !== 'reviewing'" @click="props.completeTemplateRequest(request)">처리 완료</button>
+          </div>
+        </div>
+      </article>
+    </div>
+  </div>
+
+  <div v-else class="panel">
+    <div class="sectionHeader">
+      <div>
+        <div class="panel__title">전체 티어표 관리</div>
+        <div class="hint hint--tight">공개/비공개를 포함한 최근 티어표를 모두 확인하고, 추가 아이템을 기존 게임 템플릿으로 승격하거나 커스텀 티어표를 새 게임 템플릿으로 만들 수 있어요. 여기는 요청 목록과 별개로 전체 저장 티어표를 보는 영역입니다.</div>
+      </div>
+    </div>
+
+    <div v-if="!props.adminTierLists.length" class="hint">조건에 맞는 티어표가 없어요.</div>
+    <div v-else class="tierAdminList">
+      <article v-for="tierList in props.adminTierLists" :key="tierList.id" class="tierAdminCard">
+        <button class="tierAdminCard__preview" type="button" @click="props.openAdminTierList(tierList)">
+          <img v-if="props.tierListThumbUrl(tierList)" class="tierAdminCard__thumb" :src="props.tierListThumbUrl(tierList)" :alt="tierList.title" />
+          <div v-else class="tierAdminCard__thumb tierAdminCard__thumb--empty"></div>
+        </button>
+
+        <div class="tierAdminCard__body">
+          <div class="tierAdminCard__head">
+            <div>
+              <div class="tierAdminCard__title">{{ tierList.title }}</div>
+              <div v-if="tierList.description" class="tierAdminCard__desc">{{ tierList.description }}</div>
+              <div class="tierAdminCard__meta">
+                {{ tierList.gameName || tierList.gameId }} · {{ props.tierListAuthorDisplayName(tierList) }} · {{ props.tierListVisibilityLabel(tierList) }}
+              </div>
+              <div class="tierAdminCard__meta">{{ props.fmt(tierList.updatedAt) }}</div>
+            </div>
+          </div>
+
+          <div class="tierAdminCard__stats">
+            <span class="pill">전체 아이템 {{ tierList.itemCount }}개</span>
+            <span class="pill" :class="{ 'pill--accent': tierList.extraItemCount > 0 }">추가 아이템 {{ tierList.extraItemCount }}개</span>
+          </div>
+
+          <div v-if="tierList.extraItems?.length" class="tierAdminSection">
+            <div class="tierAdminSection__title">추가로 넣은 아이템</div>
+            <div class="tierAdminItemList">
+              <button v-for="item in tierList.extraItems" :key="item.id" class="tierAdminItem" @click="props.openTierListExtraItemModal(item, tierList)">
+                <img class="tierAdminItem__thumb" :src="toApiUrl(item.src)" :alt="item.label" />
+                <div class="tierAdminItem__title">{{ item.label }}</div>
+              </button>
+            </div>
+            <div class="tierAdminSection__actions">
+              <button class="btn btn--ghost btn--small" @click="props.openTierListImportModal(tierList, tierList.extraItems)">추가 아이템 전체 가져오기</button>
+              <button v-if="tierList.gameId === 'freeform'" class="btn btn--primary btn--small" @click="props.openTierListImportModal(tierList, tierList.extraItems)">
+                새 템플릿으로 가져오기
+              </button>
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+
+    <div class="pager">
+      <button class="btn btn--ghost" :disabled="props.adminTierListPage <= 1" @click="props.moveAdminTierListPage(-1)">이전</button>
+      <div class="pager__info">{{ props.adminTierListPage }} / {{ props.adminTierListPageCount }} 페이지 · 총 {{ props.adminTierListTotal }}개</div>
+      <button class="btn btn--ghost" :disabled="props.adminTierListPage >= props.adminTierListPageCount" @click="props.moveAdminTierListPage(1)">다음</button>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/components/admin/AdminUsersSection.vue b/frontend/src/components/admin/AdminUsersSection.vue
new file mode 100644
index 0000000..81789bf
--- /dev/null
+++ b/frontend/src/components/admin/AdminUsersSection.vue
@@ -0,0 +1,125 @@
+<script setup>
+import { computed } from 'vue'
+import SvgIcon from '../SvgIcon.vue'
+
+const props = defineProps({
+  userQuery: { type: String, required: true },
+  userSort: { type: String, required: true },
+  userSortDirection: { type: String, required: true },
+  users: { type: Array, required: true },
+  submitUserFilters: { type: Function, required: true },
+  setUserAvatarInput: { type: Function, required: true },
+  onUserAvatarChange: { type: Function, required: true },
+  openUserAvatarPicker: { type: Function, required: true },
+  userAvatarUrl: { type: Function, required: true },
+  userDisplayName: { type: Function, required: true },
+  userAvatarFallback: { type: Function, required: true },
+  removeUserAvatar: { type: Function, required: true },
+  roleLabelOf: { type: Function, required: true },
+  fmt: { type: Function, required: true },
+  openUserPasswordModal: { type: Function, required: true },
+  openUserDeleteModal: { type: Function, required: true },
+  openUserEditModal: { type: Function, required: true },
+  lockResetIcon: { type: String, required: true },
+  deleteIcon: { type: String, required: true },
+})
+
+const emit = defineEmits(['update:userQuery', 'update:userSort', 'update:userSortDirection'])
+
+const userQueryModel = computed({
+  get: () => props.userQuery,
+  set: (value) => emit('update:userQuery', value),
+})
+const userSortModel = computed({
+  get: () => props.userSort,
+  set: (value) => emit('update:userSort', value),
+})
+const userSortDirectionModel = computed({
+  get: () => props.userSortDirection,
+  set: (value) => emit('update:userSortDirection', value),
+})
+</script>
+
+<template>
+  <div class="panel">
+    <div class="sectionHeader">
+      <div>
+        <div class="panel__title">회원 관리</div>
+        <div class="hint hint--tight">회원 프로필을 정리하고, 필요한 경우에만 권한 변경과 비밀번호 초기화를 진행할 수 있어요.</div>
+      </div>
+    </div>
+
+    <div class="toolbar toolbar--secondary">
+      <input v-model="userQueryModel" class="input toolbar__search" placeholder="이메일, 닉네임 검색" @keydown.enter.prevent="props.submitUserFilters" />
+      <select v-model="userSortModel" class="select toolbar__select" @change="props.submitUserFilters">
+        <option value="recent">최근 활동순</option>
+        <option value="created">가입순</option>
+        <option value="tierlists">작성 티어표 많은 순</option>
+      </select>
+      <select v-model="userSortDirectionModel" class="select toolbar__select" @change="props.submitUserFilters">
+        <option value="desc">내림차순</option>
+        <option value="asc">오름차순</option>
+      </select>
+      <button class="btn btn--ghost toolbar__button" type="button" @click="props.submitUserFilters">조회</button>
+    </div>
+
+    <div v-if="!props.users.length" class="hint">아직 가입한 회원이 없어요.</div>
+    <div v-else class="userList">
+      <article v-for="user in props.users" :key="user.id" class="userCard">
+        <div class="userCard__head">
+          <div class="userCard__identity">
+            <input
+              :ref="(el) => props.setUserAvatarInput(user.id, el)"
+              type="file"
+              accept="image/*"
+              class="srOnlyInput"
+              @change="props.onUserAvatarChange(user, $event)"
+            />
+            <div class="userAvatarWrap">
+              <button class="userAvatar userAvatarButton" type="button" :disabled="user.isAvatarBusy" @click="props.openUserAvatarPicker(user)">
+                <img v-if="props.userAvatarUrl(user)" class="userAvatar__image" :src="props.userAvatarUrl(user)" :alt="props.userDisplayName(user)" />
+                <span v-else class="userAvatar__fallback">{{ props.userAvatarFallback(user) }}</span>
+                <span class="userAvatarButton__overlay">{{ user.isAvatarBusy ? '업데이트중...' : '수정' }}</span>
+              </button>
+              <button
+                v-if="user?.avatarSrc"
+                class="userAvatarRemoveButton"
+                type="button"
+                title="회원 썸네일 삭제"
+                :disabled="user.isAvatarBusy"
+                @click.stop="props.removeUserAvatar(user)"
+              >
+                <SvgIcon class="userAvatarRemoveIcon" :src="props.deleteIcon" :size="12" />
+              </button>
+            </div>
+            <div class="userCard__identityMeta">
+              <div class="userCard__title">{{ props.userDisplayName(user) }}</div>
+              <div class="userCard__meta">{{ user.email }}</div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="user.isAdmin" class="roleBadge userCard__roleBadge">{{ props.roleLabelOf(user) }}</div>
+
+        <div class="userInfoList">
+          <div class="userInfoLine"><span>가입일</span><strong>{{ props.fmt(user.createdAt) }}</strong></div>
+          <div class="userInfoLine"><span>작성 티어표</span><strong>{{ user.tierListCount }}개</strong></div>
+          <div class="userInfoLine"><span>최근 활동</span><strong>{{ props.fmt(user.recentActivityAt || user.createdAt) }}</strong></div>
+          <div class="userInfoLine"><span>계정명</span><strong>{{ user.email }}</strong></div>
+          <div class="userInfoLine"><span>닉네임</span><strong>{{ user.nickname || '미설정' }}</strong></div>
+          <div class="userInfoLine"><span>권한</span><strong>{{ props.roleLabelOf(user) }}</strong></div>
+        </div>
+
+        <div class="userCard__actions userCard__actions--compact">
+          <button class="iconActionButton" type="button" title="비밀번호 초기화" @click="props.openUserPasswordModal(user)">
+            <SvgIcon class="iconActionButton__icon" :src="props.lockResetIcon" :size="18" />
+          </button>
+          <button class="iconActionButton iconActionButton--danger" type="button" title="회원 삭제" @click="props.openUserDeleteModal(user)">
+            <SvgIcon class="iconActionButton__icon" :src="props.deleteIcon" :size="18" />
+          </button>
+          <button class="btn btn--ghost userSaveButton" type="button" @click="props.openUserEditModal(user)">회원 정보 수정</button>
+        </div>
+      </article>
+    </div>
+  </div>
+</template>
diff --git a/frontend/src/composables/useAdminGameManager.js b/frontend/src/composables/useAdminGameManager.js
new file mode 100644
index 0000000..75154d5
--- /dev/null
+++ b/frontend/src/composables/useAdminGameManager.js
@@ -0,0 +1,291 @@
+import { nextTick } from 'vue'
+import Sortable from 'sortablejs'
+
+export function useAdminGameManager({
+  api,
+  toApiUrl,
+  selectedGameId,
+  selectedGame,
+  uploadFiles,
+  uploadItemDrafts,
+  thumbFile,
+  itemPreviewUrls,
+  itemFileInput,
+  gameItemListEl,
+  gameItemSortable,
+  savedGameItemOrderIds,
+  isGameLoading,
+  activeTemplateRequest,
+  templateRequests,
+  customItemModalOpen,
+  customItemModalTargetGameId,
+  newGameId,
+  newGameName,
+  clearPreviewUrl,
+  resetFileInput,
+  resetUploadState,
+  refreshGames,
+  closeGameCreateModal,
+  resetMessages,
+  success,
+  error,
+}) {
+  function requestItemFilename(item = {}) {
+    const src = typeof item.src === 'string' ? item.src : ''
+    return src.split('/').pop() || item.file?.name || 'item'
+  }
+
+  function destroyGameItemSortable() {
+    if (gameItemSortable.value) {
+      gameItemSortable.value.destroy()
+      gameItemSortable.value = null
+    }
+  }
+
+  async function syncGameItemSortable() {
+    await nextTick()
+    destroyGameItemSortable()
+    if (!gameItemListEl.value || !selectedGame.value?.items?.length) return
+
+    gameItemSortable.value = Sortable.create(gameItemListEl.value, {
+      animation: 160,
+      draggable: '[data-game-item-id]',
+      ghostClass: 'ghost',
+      chosenClass: 'chosen',
+      onEnd: (evt) => {
+        if (evt.oldIndex == null || evt.newIndex == null || evt.oldIndex === evt.newIndex) return
+        const nextItems = [...(selectedGame.value?.items || [])]
+        const [moved] = nextItems.splice(evt.oldIndex, 1)
+        nextItems.splice(evt.newIndex, 0, moved)
+        selectedGame.value = {
+          ...selectedGame.value,
+          items: nextItems,
+        }
+      },
+    })
+  }
+
+  function mergeRequestItemsIntoDrafts(request) {
+    const requestId = request?.id
+    if (!requestId) return
+    const existingKeys = new Set(uploadItemDrafts.value.map((draft) => `${draft.kind}:${draft.requestId || ''}:${draft.itemId || draft.file?.name || ''}`))
+    const nextRequestDrafts = (request.items || [])
+      .filter((item) => item?.src)
+      .map((item) => ({
+        kind: 'request',
+        requestId,
+        itemId: item.id,
+        previewUrl: toApiUrl(item.src),
+        label: item.label || '',
+        sourceName: requestItemFilename(item),
+        src: item.src,
+      }))
+      .filter((draft) => !existingKeys.has(`${draft.kind}:${draft.requestId}:${draft.itemId}`))
+
+    if (nextRequestDrafts.length) {
+      uploadItemDrafts.value = [...uploadItemDrafts.value, ...nextRequestDrafts]
+    }
+  }
+
+  function removeUploadDraft(targetDraft) {
+    const targetKey = `${targetDraft.kind}:${targetDraft.requestId || ''}:${targetDraft.itemId || targetDraft.file?.name || ''}:${targetDraft.previewUrl || ''}`
+    uploadItemDrafts.value = uploadItemDrafts.value.filter((draft) => {
+      const currentKey = `${draft.kind}:${draft.requestId || ''}:${draft.itemId || draft.file?.name || ''}:${draft.previewUrl || ''}`
+      return currentKey !== targetKey
+    })
+    uploadFiles.value = uploadItemDrafts.value.filter((draft) => draft.kind === 'file').map((draft) => draft.file).filter(Boolean)
+  }
+
+  async function loadGame() {
+    resetMessages()
+    resetUploadState()
+
+    if (!selectedGameId.value) {
+      selectedGame.value = null
+      savedGameItemOrderIds.value = []
+      destroyGameItemSortable()
+      return
+    }
+
+    try {
+      isGameLoading.value = true
+      const data = await api.getGame(selectedGameId.value)
+      selectedGame.value = {
+        ...data,
+        items: (data.items || []).map((item) => ({
+          ...item,
+          draftLabel: item.label,
+        })),
+      }
+      savedGameItemOrderIds.value = (data.items || []).map((item) => item.id)
+      await syncGameItemSortable()
+    } catch (e) {
+      console.error('[AdminView] loadGame failed', selectedGameId.value, e)
+      selectedGame.value = null
+      error.value = '게임 정보를 불러오지 못했어요.'
+    } finally {
+      isGameLoading.value = false
+    }
+  }
+
+  async function createGame() {
+    resetMessages()
+    try {
+      const res = await fetch(toApiUrl('/api/admin/games'), {
+        method: 'POST',
+        credentials: 'include',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id: newGameId.value.trim(), name: newGameName.value.trim() }),
+      })
+      if (!res.ok) throw new Error('failed')
+
+      const data = await res.json()
+      await refreshGames()
+      selectedGameId.value = data.game.id
+      if (customItemModalOpen.value) customItemModalTargetGameId.value = data.game.id
+      closeGameCreateModal()
+      await loadGame()
+      if (activeTemplateRequest.value?.id) {
+        const sourceRequest = templateRequests.value.find((entry) => entry.id === activeTemplateRequest.value.id) || activeTemplateRequest.value
+        mergeRequestItemsIntoDrafts(sourceRequest)
+      }
+      success.value = '게임이 생성됐어요. 이어서 썸네일과 기본 아이템을 관리할 수 있어요.'
+    } catch (e) {
+      error.value = '게임 생성 실패(관리자 권한/중복 ID 확인)'
+    }
+  }
+
+  function handleItemFiles(fileList) {
+    const files = Array.from(fileList || []).filter((file) => (file.type || '').startsWith('image/'))
+    const requestDrafts = uploadItemDrafts.value.filter((draft) => draft.kind === 'request')
+    const previousFileDrafts = uploadItemDrafts.value.filter((draft) => draft.kind === 'file')
+    previousFileDrafts.forEach((draft) => {
+      if (draft.previewUrl) URL.revokeObjectURL(draft.previewUrl)
+    })
+    itemPreviewUrls.value = []
+    uploadFiles.value = files
+    uploadItemDrafts.value = requestDrafts
+    if (!files.length) {
+      resetFileInput('item')
+      return
+    }
+    itemPreviewUrls.value = files.map((file) => URL.createObjectURL(file))
+    const fileDrafts = files.map((file, index) => ({
+      kind: 'file',
+      file,
+      previewUrl: itemPreviewUrls.value[index],
+      label: (file.name || '').replace(/\.[^.]+$/, '').replace(/[_-]+/g, ' ').replace(/\s+/g, ' ').trim().slice(0, 60),
+      sourceName: file.name,
+    }))
+    uploadItemDrafts.value = [...requestDrafts, ...fileDrafts]
+    resetFileInput('item')
+  }
+
+  function onFile(event) {
+    handleItemFiles(event.target.files)
+  }
+
+  function openItemFilePicker() {
+    itemFileInput.value?.click()
+  }
+
+  function clearItemFiles() {
+    uploadFiles.value = []
+    uploadItemDrafts.value = []
+    itemPreviewUrls.value.forEach((url) => {
+      if (url) URL.revokeObjectURL(url)
+    })
+    itemPreviewUrls.value = []
+    resetFileInput('item')
+  }
+
+  async function uploadItem() {
+    resetMessages()
+    if (!uploadItemDrafts.value.length || !selectedGameId.value) {
+      error.value = '아이템 파일을 선택해주세요.'
+      return
+    }
+
+    try {
+      const fileDrafts = uploadItemDrafts.value.filter((entry) => entry.kind === 'file')
+      const requestDrafts = uploadItemDrafts.value.filter((entry) => entry.kind === 'request')
+      let uploadCount = 0
+
+      if (fileDrafts.length) {
+        const fd = new FormData()
+        fileDrafts.forEach((entry) => {
+          fd.append('images', entry.file)
+          fd.append('labels', entry.label.trim())
+        })
+        const res = await fetch(toApiUrl(`/api/admin/games/${encodeURIComponent(selectedGameId.value)}/images`), {
+          method: 'POST',
+          credentials: 'include',
+          body: fd,
+        })
+        if (!res.ok) throw new Error('failed')
+        uploadCount += fileDrafts.length
+      }
+
+      if (requestDrafts.length) {
+        const requestIds = [...new Set(requestDrafts.map((entry) => entry.requestId).filter(Boolean))]
+        for (const requestId of requestIds) {
+          const draftsForRequest = requestDrafts.filter((entry) => entry.requestId === requestId)
+          await api.promoteAdminTemplateRequestItems(requestId, {
+            gameId: selectedGameId.value,
+            itemIds: draftsForRequest.map((entry) => entry.itemId).filter(Boolean),
+            itemLabels: draftsForRequest.reduce((acc, entry) => {
+              if (entry.itemId) acc[entry.itemId] = entry.label.trim()
+              return acc
+            }, {}),
+          })
+          uploadCount += draftsForRequest.length
+        }
+      }
+
+      resetUploadState()
+      await loadGame()
+      success.value = `게임 기본 아이템 ${uploadCount}개 추가를 완료했어요.`
+    } catch (e) {
+      error.value = '아이템 추가 실패(관리자 권한/파일 크기 확인)'
+    }
+  }
+
+  async function saveGameItemOrder() {
+    resetMessages()
+    if (!selectedGameId.value || !selectedGame.value?.items?.length) return
+
+    try {
+      const data = await api.updateAdminGameItemDisplayOrder(selectedGameId.value, {
+        itemIds: selectedGame.value.items.map((item) => item.id),
+      })
+      selectedGame.value = {
+        ...selectedGame.value,
+        items: (data.items || []).map((item) => ({
+          ...item,
+          draftLabel: item.label,
+        })),
+      }
+      savedGameItemOrderIds.value = (data.items || []).map((item) => item.id)
+      await syncGameItemSortable()
+      success.value = '기본 아이템 순서를 저장했어요.'
+    } catch (e) {
+      error.value = '기본 아이템 순서 저장에 실패했어요.'
+    }
+  }
+
+  return {
+    requestItemFilename,
+    destroyGameItemSortable,
+    syncGameItemSortable,
+    mergeRequestItemsIntoDrafts,
+    removeUploadDraft,
+    loadGame,
+    createGame,
+    handleItemFiles,
+    onFile,
+    openItemFilePicker,
+    clearItemFiles,
+    uploadItem,
+    saveGameItemOrder,
+  }
+}
diff --git a/frontend/src/composables/useAdminTemplateRequests.js b/frontend/src/composables/useAdminTemplateRequests.js
new file mode 100644
index 0000000..4a81782
--- /dev/null
+++ b/frontend/src/composables/useAdminTemplateRequests.js
@@ -0,0 +1,95 @@
+export function useAdminTemplateRequests({
+  api,
+  activeTemplateRequest,
+  refreshTemplateRequests,
+  setTab,
+  openGameCreateModal,
+  newGameId,
+  newGameName,
+  selectAdminGame,
+  mergeRequestItemsIntoDrafts,
+  resetMessages,
+  success,
+  error,
+}) {
+  function updateActiveTemplateRequest(request) {
+    if (!request?.id) return
+    activeTemplateRequest.value = {
+      id: request.id,
+      type: request.type,
+      status: request.status,
+      draftGameId: request.draftGameId || '',
+      draftGameName: request.draftGameName || '',
+      sourceTierListId: request.sourceTierListId || '',
+      sourceGameId: request.sourceGameId || '',
+      sourceTierListTitle: request.sourceTierListTitle || '',
+      targetGameId: request.targetGameId || '',
+      requesterName: request.requesterName || '',
+    }
+  }
+
+  function templateRequestStatusLabel(request) {
+    return request.status === 'reviewing' ? '확인함' : '미확인'
+  }
+
+  function templateRequestSourceUrl(request) {
+    if (!request?.sourceGameId || !request?.sourceTierListId) return ''
+    return `/editor/${request.sourceGameId}/${request.sourceTierListId}?preview=1`
+  }
+
+  function templateRequestReviewHint(request) {
+    if (request.type === 'create') return '게임 생성 후 필요한 아이템만 골라 추가하고, 끝나면 여기서 처리 완료하세요.'
+    return '확인하기를 누르면 게임 관리 화면에 요청 아이템이 임시 추가되어 필요한 것만 선별 저장할 수 있어요.'
+  }
+
+  async function startTemplateRequestReview(request) {
+    resetMessages()
+    try {
+      request.isHandling = true
+      const data = await api.startAdminTemplateRequestReview(request.id)
+      request.status = data.request?.status || 'reviewing'
+      updateActiveTemplateRequest(request)
+      setTab('game-admin')
+
+      if (request.type === 'create') {
+        openGameCreateModal()
+        newGameId.value = (request.draftGameId || '').trim()
+        newGameName.value = (request.draftGameName || '').trim()
+        mergeRequestItemsIntoDrafts(request)
+      } else {
+        const nextGameId = request.targetGameId || request.sourceGameId || ''
+        if (nextGameId) await selectAdminGame(nextGameId)
+        mergeRequestItemsIntoDrafts(request)
+      }
+      success.value = '요청 아이템을 게임 관리 화면으로 가져왔어요. 필요한 항목만 골라서 추가해 주세요.'
+    } catch (e) {
+      error.value = '요청 확인 단계로 이동하지 못했어요.'
+    } finally {
+      request.isHandling = false
+    }
+  }
+
+  async function completeTemplateRequest(request) {
+    resetMessages()
+    try {
+      request.isHandling = true
+      await api.completeAdminTemplateRequest(request.id)
+      if (activeTemplateRequest.value?.id === request.id) activeTemplateRequest.value = null
+      await refreshTemplateRequests()
+      success.value = '요청 카드를 처리 완료로 정리했어요.'
+    } catch (e) {
+      error.value = '요청 완료 처리에 실패했어요.'
+    } finally {
+      request.isHandling = false
+    }
+  }
+
+  return {
+    updateActiveTemplateRequest,
+    templateRequestStatusLabel,
+    templateRequestSourceUrl,
+    templateRequestReviewHint,
+    startTemplateRequestReview,
+    completeTemplateRequest,
+  }
+}
diff --git a/frontend/src/lib/api.js b/frontend/src/lib/api.js
index 1f0d620..41ed2cf 100644
--- a/frontend/src/lib/api.js
+++ b/frontend/src/lib/api.js
@@ -35,6 +35,8 @@ export const api = {
   favoriteGame: (gameId) => request(`/api/games/${encodeURIComponent(gameId)}/favorite`, { method: 'POST' }),
   unfavoriteGame: (gameId) => request(`/api/games/${encodeURIComponent(gameId)}/favorite`, { method: 'DELETE' }),
   updateAdminGameDisplayOrder: (payload) => request('/api/admin/games/display-order', { method: 'PATCH', body: payload }),
+  updateAdminGameItemDisplayOrder: (gameId, payload) =>
+    request(`/api/admin/games/${encodeURIComponent(gameId)}/items/display-order`, { method: 'PATCH', body: payload }),
   updateAdminGameItem: (gameId, itemId, payload) =>
     request(`/api/admin/games/${encodeURIComponent(gameId)}/items/${encodeURIComponent(itemId)}`, { method: 'PATCH', body: payload }),
   listAdminCustomItems: ({ q = '', page = 1, limit = 50, orphanOnly = false } = {}) =>
@@ -61,6 +63,12 @@ export const api = {
     request(`/api/admin/tierlists/${encodeURIComponent(tierListId)}/promote-items`, { method: 'POST', body: payload }),
   createAdminGameTemplateFromTierList: (tierListId, payload) =>
     request(`/api/admin/tierlists/${encodeURIComponent(tierListId)}/create-game-template`, { method: 'POST', body: payload }),
+  startAdminTemplateRequestReview: (requestId) =>
+    request(`/api/admin/template-requests/${encodeURIComponent(requestId)}/review`, { method: 'POST', body: {} }),
+  promoteAdminTemplateRequestItems: (requestId, payload) =>
+    request(`/api/admin/template-requests/${encodeURIComponent(requestId)}/promote-items`, { method: 'POST', body: payload }),
+  completeAdminTemplateRequest: (requestId) =>
+    request(`/api/admin/template-requests/${encodeURIComponent(requestId)}/complete`, { method: 'POST', body: {} }),
   approveAdminTemplateRequest: (requestId, payload) =>
     request(`/api/admin/template-requests/${encodeURIComponent(requestId)}/approve`, { method: 'POST', body: payload || {} }),
   rejectAdminTemplateRequest: (requestId) => request(`/api/admin/template-requests/${encodeURIComponent(requestId)}/reject`, { method: 'POST', body: {} }),
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index e446528..be9a62e 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -9,9 +9,10 @@ import FavoriteTierListsView from '../views/FavoriteTierListsView.vue'
 import AdminView from '../views/AdminView.vue'
 import ProfileView from '../views/ProfileView.vue'
 import SearchResultsView from '../views/SearchResultsView.vue'
+import { useAuthStore } from '../stores/auth'
 
 export function createRouter() {
-  return _createRouter({
+  const router = _createRouter({
     history: createWebHistory(),
     routes: [
       { path: '/', name: 'home', component: HomeView },
@@ -22,8 +23,27 @@ export function createRouter() {
       { path: '/me', name: 'me', component: MyTierListsView },
       { path: '/favorites', name: 'favorites', component: FavoriteTierListsView },
       { path: '/search', name: 'search', component: SearchResultsView },
-      { path: '/admin', name: 'admin', component: AdminView },
+      { path: '/admin', redirect: '/admin/featured' },
+      { path: '/admin/featured', name: 'adminFeatured', component: AdminView },
+      { path: '/admin/games', name: 'adminGames', component: AdminView },
+      { path: '/admin/items', name: 'adminItems', component: AdminView },
+      { path: '/admin/tierlists', name: 'adminTierlists', component: AdminView },
+      { path: '/admin/users', name: 'adminUsers', component: AdminView },
       { path: '/profile', name: 'profile', component: ProfileView },
     ],
   })
+
+  router.beforeEach(async (to) => {
+    const routeName = String(to.name || '')
+    if (!routeName.startsWith('admin')) return true
+
+    const auth = useAuthStore()
+    if (!auth.hydrated) await auth.refresh()
+    if (!auth.user?.isAdmin) {
+      return { path: '/' }
+    }
+    return true
+  })
+
+  return router
 }
diff --git a/frontend/src/views/AdminView.vue b/frontend/src/views/AdminView.vue
index 5a1a9c8..298ec47 100644
--- a/frontend/src/views/AdminView.vue
+++ b/frontend/src/views/AdminView.vue
@@ -1,16 +1,26 @@
 <script setup>
 import { Teleport, computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import Sortable from 'sortablejs'
 import { api } from '../lib/api'
 import { toApiUrl } from '../lib/runtime'
 import lockResetIcon from '../assets/icons/lock_reset.svg'
 import deleteIcon from '../assets/icons/delete.svg'
 import SvgIcon from '../components/SvgIcon.vue'
+import AdminFeaturedSection from '../components/admin/AdminFeaturedSection.vue'
+import AdminGamesSection from '../components/admin/AdminGamesSection.vue'
+import AdminItemsSection from '../components/admin/AdminItemsSection.vue'
+import AdminTierlistsSection from '../components/admin/AdminTierlistsSection.vue'
+import AdminUsersSection from '../components/admin/AdminUsersSection.vue'
+import { useAdminGameManager } from '../composables/useAdminGameManager'
+import { useAdminTemplateRequests } from '../composables/useAdminTemplateRequests'
 import { useAuthStore } from '../stores/auth'
 import { useToast } from '../composables/useToast'
 
 const auth = useAuthStore()
 const toast = useToast()
+const route = useRoute()
+const router = useRouter()
 const globalRightRailOpen = inject('rightRailOpen', ref(true))
 const localRightRailTarget = inject('localRightRailTarget', '#local-right-rail-root')
 const isAdmin = computed(() => !!auth.user?.isAdmin)
@@ -50,6 +60,7 @@ const importModalNewGameId = ref('')
 const importModalNewGameName = ref('')
 const previewModalOpen = ref(false)
 const previewTierList = ref(null)
+const activeTemplateRequest = ref(null)
 const userEditModalOpen = ref(false)
 const userPasswordModalOpen = ref(false)
 const userDeleteModalOpen = ref(false)
@@ -95,14 +106,34 @@ const itemFileInput = ref(null)
 const thumbFileInput = ref(null)
 const featuredListEl = ref(null)
 const featuredSortable = ref(null)
+const gameItemListEl = ref(null)
+const gameItemSortable = ref(null)
+const savedGameItemOrderIds = ref([])
 const userAvatarInputs = ref({})
 const isGameLoading = ref(false)
 const gameCreateModalOpen = ref(false)
 const previousBodyOverflow = ref('')
 
+function setFeaturedListRef(el) {
+  featuredListEl.value = el
+}
+
+function setItemFileInputRef(el) {
+  itemFileInput.value = el
+}
+
+function setGameItemListRef(el) {
+  gameItemListEl.value = el
+}
+
 const hasSelectedGame = computed(() => !!selectedGame.value?.game?.id)
 const canApplyThumbnail = computed(() => !!thumbFile.value && !!selectedGameId.value)
 const canAddItem = computed(() => uploadItemDrafts.value.length > 0 && uploadItemDrafts.value.every((item) => !!item.label.trim()) && !!selectedGameId.value)
+const stagedRequestDraftCount = computed(() => uploadItemDrafts.value.filter((item) => item.kind === 'request').length)
+const hasGameItemOrderChanges = computed(() => {
+  const currentIds = (selectedGame.value?.items || []).map((item) => item.id)
+  return currentIds.join('|') !== savedGameItemOrderIds.value.join('|')
+})
 const customItemPageCount = computed(() => Math.max(1, Math.ceil(customItemTotal.value / customItemLimit.value)))
 const adminTierListPageCount = computed(() => Math.max(1, Math.ceil(adminTierListTotal.value / adminTierListLimit.value)))
 const featuredGames = computed(() =>
@@ -146,7 +177,7 @@ const activeTabDescription = computed(() => {
   }
   if (activeTab.value === 'tierlists') {
     return tierlistsMode.value === 'requests'
-      ? '사용자 요청 기반으로 새 템플릿 생성이나 템플릿 업데이트를 승인합니다.'
+      ? '사용자 요청을 확인하고, 게임 관리 화면에서 필요한 아이템만 선별 반영한 뒤 직접 완료 처리합니다.'
       : '공개/비공개 포함 전체 티어표를 확인하고, 추가 아이템을 템플릿으로 가져올 수 있어요.'
   }
   return '계정 정보, 권한, 비밀번호와 최근 활동을 더 가볍게 확인하고 수정합니다.'
@@ -182,6 +213,7 @@ const adminOverviewStats = computed(() => {
     return tierlistsMode.value === 'requests'
       ? [
           { label: '대기 요청', value: `${pendingRequests}` },
+          { label: '확인함', value: `${templateRequests.value.filter((request) => request.status === 'reviewing').length}` },
           { label: '생성 요청', value: `${templateRequests.value.filter((request) => request.type === 'create').length}` },
           { label: '업데이트 요청', value: `${templateRequests.value.filter((request) => request.type === 'update').length}` },
         ]
@@ -210,6 +242,30 @@ const isAnyModalOpen = computed(
     imageResetModalOpen.value ||
     previewModalOpen.value
 )
+const adminRouteNameByTab = {
+  featured: 'adminFeatured',
+  'game-admin': 'adminGames',
+  items: 'adminItems',
+  tierlists: 'adminTierlists',
+  users: 'adminUsers',
+}
+
+function tabFromAdminRoute(name) {
+  if (name === 'adminGames') return 'game-admin'
+  if (name === 'adminItems') return 'items'
+  if (name === 'adminTierlists') return 'tierlists'
+  if (name === 'adminUsers') return 'users'
+  return 'featured'
+}
+
+function syncAdminRouteQuery(nextQuery = {}) {
+  const normalizedEntries = Object.entries(nextQuery).filter(([, value]) => value != null && value !== '')
+  const currentEntries = Object.entries(route.query || {}).filter(([, value]) => value != null && value !== '')
+  const current = JSON.stringify(Object.fromEntries(currentEntries))
+  const next = JSON.stringify(Object.fromEntries(normalizedEntries))
+  if (current === next) return
+  router.replace({ name: route.name, query: Object.fromEntries(normalizedEntries) })
+}
 
 function handleAdminPopState() {
   if (customItemDeleteModalOpen.value) {
@@ -259,6 +315,7 @@ onUnmounted(() => {
   clearPreviewUrl('item')
   clearPreviewUrl('thumb')
   destroyFeaturedSortable()
+  destroyGameItemSortable()
 })
 
 function clearPreviewUrl(kind) {
@@ -297,6 +354,42 @@ watch(success, (message) => {
   success.value = ''
 })
 
+watch(
+  () => route.name,
+  (name) => {
+    activeTab.value = tabFromAdminRoute(name)
+    if (name === 'adminGames') {
+      const nextGameId = typeof route.query.gameId === 'string' ? route.query.gameId : ''
+      if (nextGameId && nextGameId !== selectedGameId.value) {
+        selectedGameId.value = nextGameId
+        loadGame()
+      }
+      return
+    }
+    if (name === 'adminTierlists') {
+      const nextMode = route.query.mode === 'all' ? 'all' : 'requests'
+      if (tierlistsMode.value !== nextMode) tierlistsMode.value = nextMode
+    }
+  },
+  { immediate: true }
+)
+
+watch(
+  () => selectedGameId.value,
+  (gameId) => {
+    if (route.name !== 'adminGames') return
+    syncAdminRouteQuery({ gameId: gameId || undefined })
+  }
+)
+
+watch(
+  () => tierlistsMode.value,
+  (mode) => {
+    if (route.name !== 'adminTierlists') return
+    syncAdminRouteQuery({ mode: mode === 'all' ? 'all' : undefined })
+  }
+)
+
 watch(
   () => activeTab.value,
   async (tab) => {
@@ -490,6 +583,16 @@ async function confirmImageReset() {
 
 function setTab(tab) {
   resetMessages()
+  const nextRouteName = adminRouteNameByTab[tab]
+  if (nextRouteName && route.name !== nextRouteName) {
+    const nextQuery =
+      tab === 'game-admin'
+        ? { gameId: selectedGameId.value || undefined }
+        : tab === 'tierlists' && tierlistsMode.value === 'all'
+          ? { mode: 'all' }
+          : {}
+    router.push({ name: nextRouteName, query: nextQuery })
+  }
   activeTab.value = tab
   if (tab === 'tierlists') {
     tierlistsMode.value = 'requests'
@@ -726,56 +829,69 @@ function resetUploadState() {
   clearPreviewUrl('thumb')
 }
 
-async function loadGame() {
-  resetMessages()
-  resetUploadState()
+const {
+  destroyGameItemSortable,
+  mergeRequestItemsIntoDrafts,
+  removeUploadDraft,
+  loadGame,
+  createGame,
+  handleItemFiles,
+  onFile,
+  openItemFilePicker,
+  clearItemFiles,
+  uploadItem,
+  saveGameItemOrder,
+} = useAdminGameManager({
+  api,
+  toApiUrl,
+  selectedGameId,
+  selectedGame,
+  uploadFiles,
+  uploadItemDrafts,
+  thumbFile,
+  itemPreviewUrls,
+  itemFileInput,
+  gameItemListEl,
+  gameItemSortable,
+  savedGameItemOrderIds,
+  isGameLoading,
+  activeTemplateRequest,
+  templateRequests,
+  customItemModalOpen,
+  customItemModalTargetGameId,
+  newGameId,
+  newGameName,
+  clearPreviewUrl,
+  resetFileInput,
+  resetUploadState,
+  refreshGames,
+  closeGameCreateModal,
+  resetMessages,
+  success,
+  error,
+})
 
-  if (!selectedGameId.value) {
-    selectedGame.value = null
-    return
-  }
+const {
+  templateRequestStatusLabel,
+  templateRequestSourceUrl,
+  templateRequestReviewHint,
+  startTemplateRequestReview,
+  completeTemplateRequest,
+} = useAdminTemplateRequests({
+  api,
+  activeTemplateRequest,
+  refreshTemplateRequests,
+  setTab,
+  openGameCreateModal,
+  newGameId,
+  newGameName,
+  selectAdminGame,
+  mergeRequestItemsIntoDrafts,
+  resetMessages,
+  success,
+  error,
+})
 
-  try {
-    isGameLoading.value = true
-    const data = await api.getGame(selectedGameId.value)
-    selectedGame.value = {
-      ...data,
-      items: (data.items || []).map((item) => ({
-        ...item,
-        draftLabel: item.label,
-      })),
-    }
-  } catch (e) {
-    console.error('[AdminView] loadGame failed', selectedGameId.value, e)
-    selectedGame.value = null
-    error.value = '게임 정보를 불러오지 못했어요.'
-  } finally {
-    isGameLoading.value = false
-  }
-}
-
-async function createGame() {
-  resetMessages()
-  try {
-    const res = await fetch(toApiUrl('/api/admin/games'), {
-      method: 'POST',
-      credentials: 'include',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ id: newGameId.value.trim(), name: newGameName.value.trim() }),
-    })
-    if (!res.ok) throw new Error('failed')
-
-    const data = await res.json()
-    await refreshGames()
-    selectedGameId.value = data.game.id
-    if (customItemModalOpen.value) customItemModalTargetGameId.value = data.game.id
-    closeGameCreateModal()
-    await loadGame()
-    success.value = '게임이 생성됐어요. 이어서 썸네일과 기본 아이템을 관리할 수 있어요.'
-  } catch (e) {
-    error.value = '게임 생성 실패(관리자 권한/중복 ID 확인)'
-  }
-}
 
 function handleThumbFile(file) {
   const nextFile = file && (file.type || '').startsWith('image/') ? file : null
@@ -812,36 +928,6 @@ function onThumbDrop(event) {
   handleThumbFile(event.dataTransfer?.files?.[0] || null)
 }
 
-function onFile(event) {
-  handleItemFiles(event.target.files)
-}
-
-function handleItemFiles(fileList) {
-  const files = Array.from(fileList || []).filter((file) => (file.type || '').startsWith('image/'))
-  uploadFiles.value = files
-  clearPreviewUrl('item')
-  uploadItemDrafts.value = []
-  if (!files.length) return
-  itemPreviewUrls.value = files.map((file) => URL.createObjectURL(file))
-  uploadItemDrafts.value = files.map((file, index) => ({
-    file,
-    previewUrl: itemPreviewUrls.value[index],
-    label: (file.name || '').replace(/\.[^.]+$/, '').replace(/[_-]+/g, ' ').replace(/\s+/g, ' ').trim().slice(0, 60),
-  }))
-  resetFileInput('item')
-}
-
-function openItemFilePicker() {
-  itemFileInput.value?.click()
-}
-
-function clearItemFiles() {
-  uploadFiles.value = []
-  uploadItemDrafts.value = []
-  clearPreviewUrl('item')
-  resetFileInput('item')
-}
-
 function onItemDragEnter(event) {
   event.preventDefault()
   isItemDragOver.value = true
@@ -890,35 +976,6 @@ async function uploadThumbnail() {
   }
 }
 
-async function uploadItem() {
-  resetMessages()
-  if (!uploadItemDrafts.value.length || !selectedGameId.value) {
-    error.value = '아이템 파일을 선택해주세요.'
-    return
-  }
-
-  try {
-    const fd = new FormData()
-    uploadItemDrafts.value.forEach((entry) => {
-      fd.append('images', entry.file)
-      fd.append('labels', entry.label.trim())
-    })
-    const uploadCount = uploadItemDrafts.value.length
-    const res = await fetch(toApiUrl(`/api/admin/games/${encodeURIComponent(selectedGameId.value)}/images`), {
-      method: 'POST',
-      credentials: 'include',
-      body: fd,
-    })
-    if (!res.ok) throw new Error('failed')
-
-    resetUploadState()
-    await loadGame()
-    success.value = `게임 기본 아이템 ${uploadCount}개 추가를 완료했어요.`
-  } catch (e) {
-    error.value = '아이템 추가 실패(관리자 권한/파일 크기 확인)'
-  }
-}
-
 async function removeGameItem(itemId) {
   resetMessages()
   try {
@@ -1495,51 +1552,6 @@ function templateRequestTargetLabel(request) {
   return request.type === 'create' ? '새 게임 템플릿 생성' : request.targetGameName || request.targetGameId || request.sourceGameName
 }
 
-async function approveTemplateRequest(request) {
-  resetMessages()
-  try {
-    request.isHandling = true
-    if (request.type === 'create') {
-      const nextGameId = (request.draftGameId || '').trim()
-      const nextGameName = (request.draftGameName || '').trim()
-      if (!nextGameId || !nextGameName) {
-        error.value = '새 게임 ID와 이름을 모두 입력해주세요.'
-        return
-      }
-      await api.approveAdminTemplateRequest(request.id, {
-        gameId: nextGameId,
-        name: nextGameName,
-      })
-      await refreshGames()
-      success.value = `"${nextGameName}" 템플릿 생성을 승인했어요.`
-    } else {
-      const data = await api.approveAdminTemplateRequest(request.id)
-      if (selectedGameId.value === (request.targetGameId || request.sourceGameId)) await loadGame()
-      success.value = `${data.items?.length || 0}개의 아이템 추가 요청을 승인했어요.`
-    }
-    await refreshTemplateRequests()
-    await refreshAdminTierLists()
-  } catch (e) {
-    error.value = request.type === 'create' ? '템플릿 등록 요청 승인에 실패했어요.' : '템플릿 업데이트 요청 승인에 실패했어요.'
-  } finally {
-    request.isHandling = false
-  }
-}
-
-async function rejectTemplateRequest(request) {
-  resetMessages()
-  try {
-    request.isHandling = true
-    await api.rejectAdminTemplateRequest(request.id)
-    await refreshTemplateRequests()
-    success.value = '요청을 반려했어요.'
-  } catch (e) {
-    error.value = '요청 반려에 실패했어요.'
-  } finally {
-    request.isHandling = false
-  }
-}
-
 const displayThumbnailUrl = computed(() => {
   if (thumbPreviewUrl.value) return thumbPreviewUrl.value
   if (selectedGame.value?.game?.thumbnailSrc) return toApiUrl(selectedGame.value.game.thumbnailSrc)
@@ -1635,390 +1647,109 @@ async function saveFeaturedOrder() {
               </div>
             </header>
 
-            <template v-if="activeTab === 'featured'">
-          <div class="panel">
-            <div class="sectionHeader">
-              <div>
-                <div class="panel__title">홈 화면 상단 고정 순서</div>
-                <div class="hint hint--tight">여기에 넣은 게임은 지정한 순서대로 먼저 노출되고, 나머지 게임은 최근 생성순으로 뒤에 이어집니다. 최대 50개까지 설정할 수 있어요.</div>
-              </div>
-              <button class="btn btn--primary" @click="saveFeaturedOrder">순서 저장</button>
-            </div>
+            <AdminFeaturedSection
+              v-if="activeTab === 'featured'"
+              :featured-games="featuredGames"
+              :available-games-for-featured="availableGamesForFeatured"
+              :featured-game-ids="featuredGameIds"
+              :featured-list-ref="setFeaturedListRef"
+              :save-featured-order="saveFeaturedOrder"
+              :move-featured-game="moveFeaturedGame"
+              :remove-featured-game="removeFeaturedGame"
+              :add-featured-game="addFeaturedGame"
+            />
 
-            <div class="featuredOrderPanel">
-              <div class="featuredOrderPanel__list">
-                <div class="section__title">상단 고정 목록</div>
-                <div v-if="!featuredGames.length" class="hint">아직 상단 고정 게임이 없어요.</div>
-                <div v-else ref="featuredListEl" class="featuredList">
-                  <article v-for="(game, index) in featuredGames" :key="game.id" class="featuredCard" :data-featured-id="game.id">
-                    <div class="featuredCard__meta">
-                      <span class="featuredCard__rank">{{ index + 1 }}</span>
-                      <div>
-                        <div class="featuredCard__title">{{ game.name }}</div>
-                        <div class="featuredCard__id">{{ game.id }}</div>
-                      </div>
-                    </div>
-                    <div class="featuredCard__actions">
-                      <button class="btn btn--ghost btn--small" data-featured-handle>드래그</button>
-                      <button class="btn btn--ghost btn--small" :disabled="index === 0" @click="moveFeaturedGame(game.id, -1)">위로</button>
-                      <button class="btn btn--ghost btn--small" :disabled="index === featuredGames.length - 1" @click="moveFeaturedGame(game.id, 1)">아래로</button>
-                      <button class="btn btn--danger btn--small" @click="removeFeaturedGame(game.id)">제외</button>
-                    </div>
-                  </article>
-                </div>
-              </div>
+            <AdminGamesSection
+              v-else-if="activeTab === 'game-admin'"
+              :active-template-request="activeTemplateRequest"
+              :template-request-source-url="templateRequestSourceUrl"
+              :staged-request-draft-count="stagedRequestDraftCount"
+              :open-game-create-modal="openGameCreateModal"
+              :is-game-loading="isGameLoading"
+              :has-selected-game="hasSelectedGame"
+              :selected-game="selectedGame"
+              :item-file-input-ref="setItemFileInputRef"
+              :on-file="onFile"
+              :is-item-drag-over="isItemDragOver"
+              :on-item-drag-enter="onItemDragEnter"
+              :on-item-drag-over="onItemDragOver"
+              :on-item-drag-leave="onItemDragLeave"
+              :on-item-drop="onItemDrop"
+              :open-item-file-picker="openItemFilePicker"
+              :upload-item-drafts="uploadItemDrafts"
+              :clear-item-files="clearItemFiles"
+              :can-add-item="canAddItem"
+              :upload-item="uploadItem"
+              :remove-upload-draft="removeUploadDraft"
+              :has-game-item-order-changes="hasGameItemOrderChanges"
+              :save-game-item-order="saveGameItemOrder"
+              :game-item-list-ref="setGameItemListRef"
+              :save-game-item-label="saveGameItemLabel"
+              :remove-game-item="removeGameItem"
+              :selected-game-id="selectedGameId"
+            />
 
-              <div class="featuredOrderPanel__picker">
-                <div class="section__title">게임 추가</div>
-                <div class="featuredPickerList">
-                  <button
-                    v-for="game in availableGamesForFeatured"
-                    :key="game.id"
-                    class="featuredPickerItem"
-                    :disabled="featuredGameIds.length >= 50"
-                    @click="addFeaturedGame(game.id)"
-                  >
-                    <span>{{ game.name }}</span>
-                    <span class="featuredPickerItem__id">{{ game.id }}</span>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          </template>
+            <AdminItemsSection
+              v-else-if="activeTab === 'items'"
+              :custom-items="customItems"
+              :open-custom-item-modal="openCustomItemModal"
+              :custom-item-page="customItemPage"
+              :custom-item-page-count="customItemPageCount"
+              :custom-item-total="customItemTotal"
+              :move-custom-item-page="moveCustomItemPage"
+            />
 
-            <template v-else-if="activeTab === 'game-admin'">
+            <AdminTierlistsSection
+              v-else-if="activeTab === 'tierlists'"
+              :tierlists-mode="tierlistsMode"
+              :template-requests="templateRequests"
+              :open-template-request-preview="openTemplateRequestPreview"
+              :template-request-type-label="templateRequestTypeLabel"
+              :fmt="fmt"
+              :template-request-target-label="templateRequestTargetLabel"
+              :template-request-status-label="templateRequestStatusLabel"
+              :template-request-source-url="templateRequestSourceUrl"
+              :template-request-review-hint="templateRequestReviewHint"
+              :start-template-request-review="startTemplateRequestReview"
+              :complete-template-request="completeTemplateRequest"
+              :admin-tier-lists="adminTierLists"
+              :tier-list-thumb-url="tierListThumbUrl"
+              :open-admin-tier-list="openAdminTierList"
+              :tier-list-author-display-name="tierListAuthorDisplayName"
+              :tier-list-visibility-label="tierListVisibilityLabel"
+              :open-tier-list-extra-item-modal="openTierListExtraItemModal"
+              :open-tier-list-import-modal="openTierListImportModal"
+              :admin-tier-list-page="adminTierListPage"
+              :admin-tier-list-page-count="adminTierListPageCount"
+              :admin-tier-list-total="adminTierListTotal"
+              :move-admin-tier-list-page="moveAdminTierListPage"
+            />
 
-          <div v-if="isGameLoading" class="panel panel--empty">
-            <div class="emptyState">
-              <div class="emptyState__title">게임 정보를 불러오는 중이에요.</div>
-              <div class="emptyState__desc">선택한 게임의 썸네일과 기본 아이템을 곧 표시합니다.</div>
-            </div>
-          </div>
-          <div v-else-if="hasSelectedGame" class="panel">
-            <div class="detailHead">
-              <div>
-                <div class="panel__title">선택된 게임 정보</div>
-                <div class="selectedGame__name">{{ selectedGame.game.name }}</div>
-                <div class="selectedGame__id">{{ selectedGame.game.id }}</div>
-              </div>
-            </div>
-
-            <div class="section">
-              <section class="adminCard">
-                <div class="section__title">기본 아이템 추가</div>
-                <div class="itemComposer">
-                  <div class="itemComposer__form">
-                    <input ref="itemFileInput" type="file" accept="image/*" multiple class="srOnlyInput" @change="onFile" />
-                    <div
-                      class="dropZone"
-                      :class="{ 'dropZone--active': isItemDragOver }"
-                      @dragenter="onItemDragEnter"
-                      @dragover="onItemDragOver"
-                      @dragleave="onItemDragLeave"
-                      @drop="onItemDrop"
-                    >
-                      <div class="dropZone__title">이미지를 드래그해서 기본 아이템으로 추가</div>
-                      <div class="dropZone__desc">여러 파일을 한 번에 올릴 수 있고, 저장 라벨은 파일명으로 자동 생성됩니다.</div>
-                      <div class="dropZone__actions">
-                        <button class="btn btn--ghost btn--small" type="button" @click="openItemFilePicker">파일 선택</button>
-                        <button class="btn btn--danger btn--small" type="button" :disabled="!uploadFiles.length" @click="clearItemFiles">선택 비우기</button>
-                      </div>
-                    </div>
-                    <button class="btn" :disabled="!canAddItem" @click="uploadItem">
-                      아이템 {{ uploadItemDrafts.length || 0 }}개 추가
-                    </button>
-                  </div>
-                  <div class="itemPreviewCard">
-                    <div v-if="uploadItemDrafts.length" class="itemDraftList">
-                      <div v-for="draft in uploadItemDrafts" :key="draft.previewUrl || draft.file.name" class="itemDraftRow">
-                        <div class="itemDraftRow__preview">
-                          <img class="itemPreviewImage" :src="draft.previewUrl" :alt="draft.file.name || 'item preview'" />
-                        </div>
-                        <div class="itemDraftRow__body">
-                          <input v-model="draft.label" class="input input--labelEdit input--dense" maxlength="60" placeholder="아이템 이름" />
-                          <div class="hint hint--tight">{{ draft.file.name }}</div>
-                        </div>
-                      </div>
-                    </div>
-                    <div v-else class="itemPreviewEmpty">선택한 기본 아이템 미리보기가 여기에 표시됩니다.</div>
-                    <div class="thumbLabel thumbLabel--preview">
-                      {{ uploadItemDrafts.length ? `추가 예정 아이템 ${uploadItemDrafts.length}개` : '아직 선택된 파일이 없어요.' }}
-                    </div>
-                  </div>
-                </div>
-              </section>
-            </div>
-
-            <div class="section">
-              <div class="section__title">현재 기본 아이템 목록</div>
-              <div v-if="!selectedGame?.items?.length" class="hint">아직 등록된 기본 아이템이 없어요.</div>
-              <div v-else class="thumbGrid">
-                <div v-for="item in selectedGame.items" :key="item.id" class="thumbCard">
-                  <img class="thumb thumb--game" :src="toApiUrl(item.src)" :alt="item.label" />
-                  <input v-model="item.draftLabel" class="input input--labelEdit" placeholder="아이템 이름" />
-                  <div class="thumbCard__actions">
-                    <button
-                      class="btn btn--ghost btn--small"
-                      :disabled="item.isSavingLabel || !item.draftLabel?.trim() || item.draftLabel.trim() === item.label"
-                      @click="saveGameItemLabel(item)"
-                    >
-                      {{ item.isSavingLabel ? '저장중...' : '이름 저장' }}
-                    </button>
-                    <button class="btn btn--danger btn--small" @click="removeGameItem(item.id)">아이템 삭제</button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-            <div v-else class="panel panel--empty">
-              <div class="emptyState">
-                <div class="emptyState__title">게임을 선택해 주세요.</div>
-                <div v-if="selectedGameId" class="hint hint--tight">선택한 게임을 찾지 못했거나 로딩 중 오류가 발생했어요. 다시 선택해보세요.</div>
-              </div>
-            </div>
-          </template>
-
-            <template v-else-if="activeTab === 'items'">
-          <div class="panel">
-            <div v-if="!customItems.length" class="hint">조건에 맞는 관리 대상 아이템이 없어요.</div>
-            <div v-else class="customItemGrid">
-              <button v-for="item in customItems" :key="item.id" type="button" class="customItemCard" @click="openCustomItemModal(item)">
-                <span class="customItemCard__badge" :class="{ 'customItemCard__badge--template': item.sourceType === 'template' }">{{ item.sourceLabel }}</span>
-                <img class="customItemCard__image" :src="toApiUrl(item.src)" :alt="item.label" />
-                <div class="customItemCard__title" :title="item.label">{{ item.label }}</div>
-              </button>
-            </div>
-
-            <div class="pager">
-              <button class="btn btn--ghost" :disabled="customItemPage <= 1" @click="moveCustomItemPage(-1)">이전</button>
-              <div class="pager__info">{{ customItemPage }} / {{ customItemPageCount }} 페이지 · 총 {{ customItemTotal }}개</div>
-              <button class="btn btn--ghost" :disabled="customItemPage >= customItemPageCount" @click="moveCustomItemPage(1)">다음</button>
-            </div>
-          </div>
-          </template>
-
-            <template v-else-if="activeTab === 'tierlists'">
-          <div v-if="tierlistsMode === 'requests'" class="panel">
-            <div class="sectionHeader">
-              <div>
-                <div class="panel__title">사용자 템플릿 요청</div>
-                <div class="hint hint--tight">freeform 템플릿 등록 요청과 기존 게임 템플릿 업데이트 요청을 여기서 승인하거나 반려할 수 있어요. 반려한 요청은 대기 목록에서 바로 제외됩니다.</div>
-              </div>
-            </div>
-
-            <div v-if="!templateRequests.length" class="hint">현재 처리 대기 중인 템플릿 요청이 없어요.</div>
-                        <div v-else class="templateRequestList">
-              <article v-for="request in templateRequests" :key="request.id" class="tierAdminCard templateRequestCard templateRequestCard--aligned">
-                <div class="templateRequestCard__side">
-                  <button class="tierAdminCard__preview templateRequestCard__preview" type="button" @click="openTemplateRequestPreview(request)">
-                    <img v-if="request.thumbnailSrc" class="tierAdminCard__thumb" :src="toApiUrl(request.thumbnailSrc)" :alt="request.sourceTierListTitle" />
-                    <div v-else class="tierAdminCard__thumb tierAdminCard__thumb--empty"></div>
-                  </button>
-
-                  <div class="templateRequestCard__thumbMeta">
-                    <template v-if="request.type === 'create'">
-                      <label class="templateRequestField">
-                        <span class="templateRequestField__label">게임 이름</span>
-                        <input v-model="request.draftGameName" class="input" placeholder="새 게임 이름" />
-                      </label>
-                      <label class="templateRequestField">
-                        <span class="templateRequestField__label">게임 ID</span>
-                        <input v-model="request.draftGameId" class="input" placeholder="임시 게임 ID" />
-                      </label>
-                    </template>
-                    <template v-else>
-                      <div class="templateRequestCard__thumbLabel">게임 이름</div>
-                      <div class="templateRequestCard__thumbValue">{{ request.draftGameName || request.sourceGameName || '-' }}</div>
-                      <div class="templateRequestCard__thumbLabel">게임 ID</div>
-                      <div class="templateRequestCard__thumbValue">{{ request.draftGameId || request.sourceGameId || '-' }}</div>
-                    </template>
-                  </div>
-                </div>
-
-                <div class="tierAdminCard__body">
-                  <div class="tierAdminCard__head">
-                    <div>
-                      <div class="tierAdminCard__title">{{ request.sourceTierListTitle }}</div>
-                      <div v-if="request.sourceDescription" class="tierAdminCard__desc">{{ request.sourceDescription }}</div>
-                      <div class="tierAdminCard__meta">
-                        {{ templateRequestTypeLabel(request) }} · {{ request.requesterName }} · {{ fmt(request.createdAt) }}
-                      </div>
-                      <div class="tierAdminCard__meta">{{ templateRequestTargetLabel(request) }}</div>
-                    </div>
-                  </div>
-
-                  <div class="tierAdminCard__stats">
-                    <span class="pill">추가 아이템 {{ request.items?.length || 0 }}개</span>
-                    <span class="pill">{{ request.type === 'create' ? '새 템플릿' : '기존 템플릿 업데이트' }}</span>
-                  </div>
-
-                  <div v-if="request.items?.length" class="tierAdminItemList templateRequestCard__items">
-                    <button v-for="item in request.items" :key="item.id" class="tierAdminItem" type="button">
-                      <img class="tierAdminItem__thumb" :src="toApiUrl(item.src)" :alt="item.label" />
-                      <div class="tierAdminItem__title">{{ item.label }}</div>
-                    </button>
-                  </div>
-
-                  <div class="templateRequestCard__actions">
-                    <button class="btn btn--primary" :disabled="request.isHandling" @click="approveTemplateRequest(request)">
-                      {{ request.isHandling ? '처리중...' : '승인' }}
-                    </button>
-                    <button class="btn btn--danger" :disabled="request.isHandling" @click="rejectTemplateRequest(request)">반려 후 숨김</button>
-                  </div>
-                </div>
-              </article>
-            </div>
-          </div>
-
-          <div v-else class="panel">
-            <div class="sectionHeader">
-              <div>
-                <div class="panel__title">전체 티어표 관리</div>
-                <div class="hint hint--tight">공개/비공개를 포함한 최근 티어표를 모두 확인하고, 추가 아이템을 기존 게임 템플릿으로 승격하거나 커스텀 티어표를 새 게임 템플릿으로 만들 수 있어요. 여기는 요청 목록과 별개로 전체 저장 티어표를 보는 영역입니다.</div>
-              </div>
-            </div>
-
-            <div v-if="!adminTierLists.length" class="hint">조건에 맞는 티어표가 없어요.</div>
-            <div v-else class="tierAdminList">
-              <article v-for="tierList in adminTierLists" :key="tierList.id" class="tierAdminCard">
-                <button class="tierAdminCard__preview" type="button" @click="openAdminTierList(tierList)">
-                  <img v-if="tierListThumbUrl(tierList)" class="tierAdminCard__thumb" :src="tierListThumbUrl(tierList)" :alt="tierList.title" />
-                  <div v-else class="tierAdminCard__thumb tierAdminCard__thumb--empty"></div>
-                </button>
-
-                <div class="tierAdminCard__body">
-                  <div class="tierAdminCard__head">
-                    <div>
-                      <div class="tierAdminCard__title">{{ tierList.title }}</div>
-                      <div v-if="tierList.description" class="tierAdminCard__desc">{{ tierList.description }}</div>
-                      <div class="tierAdminCard__meta">
-                        {{ tierList.gameName || tierList.gameId }} · {{ tierListAuthorDisplayName(tierList) }} · {{ tierListVisibilityLabel(tierList) }}
-                      </div>
-                      <div class="tierAdminCard__meta">{{ fmt(tierList.updatedAt) }}</div>
-                    </div>
-                  </div>
-
-                  <div class="tierAdminCard__stats">
-                    <span class="pill">전체 아이템 {{ tierList.itemCount }}개</span>
-                    <span class="pill" :class="{ 'pill--accent': tierList.extraItemCount > 0 }">추가 아이템 {{ tierList.extraItemCount }}개</span>
-                  </div>
-
-                  <div v-if="tierList.extraItems?.length" class="tierAdminSection">
-                    <div class="tierAdminSection__title">추가로 넣은 아이템</div>
-                    <div class="tierAdminItemList">
-                      <button v-for="item in tierList.extraItems" :key="item.id" class="tierAdminItem" @click="openTierListExtraItemModal(item, tierList)">
-                        <img class="tierAdminItem__thumb" :src="toApiUrl(item.src)" :alt="item.label" />
-                        <div class="tierAdminItem__title">{{ item.label }}</div>
-                      </button>
-                    </div>
-                    <div class="tierAdminSection__actions">
-                      <button class="btn btn--ghost btn--small" @click="openTierListImportModal(tierList, tierList.extraItems)">추가 아이템 전체 가져오기</button>
-                      <button v-if="tierList.gameId === 'freeform'" class="btn btn--primary btn--small" @click="openTierListImportModal(tierList, tierList.extraItems)">
-                        새 템플릿으로 가져오기
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </article>
-            </div>
-
-            <div class="pager">
-              <button class="btn btn--ghost" :disabled="adminTierListPage <= 1" @click="moveAdminTierListPage(-1)">이전</button>
-              <div class="pager__info">{{ adminTierListPage }} / {{ adminTierListPageCount }} 페이지 · 총 {{ adminTierListTotal }}개</div>
-              <button class="btn btn--ghost" :disabled="adminTierListPage >= adminTierListPageCount" @click="moveAdminTierListPage(1)">다음</button>
-            </div>
-          </div>
-          </template>
-
-            <template v-else>
-          <div class="panel">
-            <div class="sectionHeader">
-              <div>
-                <div class="panel__title">회원 관리</div>
-                <div class="hint hint--tight">회원 프로필을 정리하고, 필요한 경우에만 권한 변경과 비밀번호 초기화를 진행할 수 있어요.</div>
-              </div>
-            </div>
-
-            <div class="toolbar toolbar--secondary">
-              <input
-                v-model="userQuery"
-                class="input toolbar__search"
-                placeholder="이메일, 닉네임 검색"
-                @keydown.enter.prevent="submitUserFilters"
-              />
-              <select v-model="userSort" class="select toolbar__select" @change="submitUserFilters">
-                <option value="recent">최근 활동순</option>
-                <option value="created">가입순</option>
-                <option value="tierlists">작성 티어표 많은 순</option>
-              </select>
-              <select v-model="userSortDirection" class="select toolbar__select" @change="submitUserFilters">
-                <option value="desc">내림차순</option>
-                <option value="asc">오름차순</option>
-              </select>
-              <button class="btn btn--ghost toolbar__button" type="button" @click="submitUserFilters">조회</button>
-            </div>
-
-            <div v-if="!users.length" class="hint">아직 가입한 회원이 없어요.</div>
-            <div v-else class="userList">
-              <article v-for="user in users" :key="user.id" class="userCard">
-                <div class="userCard__head">
-                  <div class="userCard__identity">
-                    <input
-                      :ref="(el) => setUserAvatarInput(user.id, el)"
-                      type="file"
-                      accept="image/*"
-                      class="srOnlyInput"
-                      @change="onUserAvatarChange(user, $event)"
-                    />
-                    <div class="userAvatarWrap">
-                      <button class="userAvatar userAvatarButton" type="button" :disabled="user.isAvatarBusy" @click="openUserAvatarPicker(user)">
-                        <img v-if="userAvatarUrl(user)" class="userAvatar__image" :src="userAvatarUrl(user)" :alt="userDisplayName(user)" />
-                        <span v-else class="userAvatar__fallback">{{ userAvatarFallback(user) }}</span>
-                        <span class="userAvatarButton__overlay">{{ user.isAvatarBusy ? '업데이트중...' : '수정' }}</span>
-                      </button>
-                      <button
-                        v-if="user?.avatarSrc"
-                        class="userAvatarRemoveButton"
-                        type="button"
-                        title="회원 썸네일 삭제"
-                        :disabled="user.isAvatarBusy"
-                        @click.stop="removeUserAvatar(user)"
-                      >
-                        <SvgIcon class="userAvatarRemoveIcon" :src="deleteIcon" :size="12" />
-                      </button>
-                    </div>
-                    <div class="userCard__identityMeta">
-                      <div class="userCard__title">{{ userDisplayName(user) }}</div>
-                      <div class="userCard__meta">{{ user.email }}</div>
-                    </div>
-                  </div>
-                </div>
-
-                <div v-if="user.isAdmin" class="roleBadge userCard__roleBadge">{{ roleLabelOf(user) }}</div>
-
-                <div class="userInfoList">
-                  <div class="userInfoLine"><span>가입일</span><strong>{{ fmt(user.createdAt) }}</strong></div>
-                  <div class="userInfoLine"><span>작성 티어표</span><strong>{{ user.tierListCount }}개</strong></div>
-                  <div class="userInfoLine"><span>최근 활동</span><strong>{{ fmt(user.recentActivityAt || user.createdAt) }}</strong></div>
-                  <div class="userInfoLine"><span>계정명</span><strong>{{ user.email }}</strong></div>
-                  <div class="userInfoLine"><span>닉네임</span><strong>{{ user.nickname || '미설정' }}</strong></div>
-                  <div class="userInfoLine"><span>권한</span><strong>{{ roleLabelOf(user) }}</strong></div>
-                </div>
-
-                <div class="userCard__actions userCard__actions--compact">
-                  <button class="iconActionButton" type="button" title="비밀번호 초기화" @click="openUserPasswordModal(user)">
-                    <SvgIcon class="iconActionButton__icon" :src="lockResetIcon" :size="18" />
-                  </button>
-                  <button class="iconActionButton iconActionButton--danger" type="button" title="회원 삭제" @click="openUserDeleteModal(user)">
-                    <SvgIcon class="iconActionButton__icon" :src="deleteIcon" :size="18" />
-                  </button>
-                  <button class="btn btn--ghost userSaveButton" type="button" @click="openUserEditModal(user)">회원 정보 수정</button>
-                </div>
-              </article>
-            </div>
-          </div>
-            </template>
+            <AdminUsersSection
+              v-else
+              :user-query="userQuery"
+              :user-sort="userSort"
+              :user-sort-direction="userSortDirection"
+              :users="users"
+              :submit-user-filters="submitUserFilters"
+              :set-user-avatar-input="setUserAvatarInput"
+              :on-user-avatar-change="onUserAvatarChange"
+              :open-user-avatar-picker="openUserAvatarPicker"
+              :user-avatar-url="userAvatarUrl"
+              :user-display-name="userDisplayName"
+              :user-avatar-fallback="userAvatarFallback"
+              :remove-user-avatar="removeUserAvatar"
+              :role-label-of="roleLabelOf"
+              :fmt="fmt"
+              :open-user-password-modal="openUserPasswordModal"
+              :open-user-delete-modal="openUserDeleteModal"
+              :open-user-edit-modal="openUserEditModal"
+              :lock-reset-icon="lockResetIcon"
+              :delete-icon="deleteIcon"
+              @update:user-query="userQuery = $event"
+              @update:user-sort="userSort = $event"
+              @update:user-sort-direction="userSortDirection = $event"
+            />
 
             <div v-if="gameCreateModalOpen" class="modalOverlay" @click.self="closeGameCreateModal">
               <div class="modalCard" role="dialog" aria-modal="true">
@@ -3214,13 +2945,14 @@ async function saveFeaturedOrder() {
   font-weight: 900;
   font-size: 13px;
   letter-spacing: 0.01em;
+  color: var(--theme-text);
 }
 .itemComposer {
   margin-top: 10px;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(160px, 192px);
-  gap: 16px;
-  align-items: start;
+  /* display: grid; */
+  /* grid-template-columns: minmax(0, 1fr) minmax(160px, 192px); */
+  /* gap: 16px; */
+  /* align-items: start; */
 }
 .itemComposer__form {
   display: grid;
@@ -3258,6 +2990,7 @@ async function saveFeaturedOrder() {
   flex-wrap: wrap;
 }
 .itemPreviewCard {
+  margin-top: 12px;
   padding: 12px;
   border-radius: 16px;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -3271,6 +3004,7 @@ async function saveFeaturedOrder() {
 .itemDraftList {
   display: grid;
   gap: 10px;
+  grid-template-columns: 1fr 1fr;
 }
 .itemDraftRow {
   display: grid;
@@ -3291,6 +3025,13 @@ async function saveFeaturedOrder() {
   display: grid;
   gap: 6px;
 }
+.itemDraftRow__meta {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
 .itemPreviewFrame {
   aspect-ratio: 1 / 1;
   border-radius: 12px;
@@ -3352,6 +3093,32 @@ async function saveFeaturedOrder() {
 .thumbLabel--preview {
   text-align: center;
 }
+.pill--soft {
+  background: rgba(255, 255, 255, 0.08);
+}
+.requestWorkspace {
+  display: grid;
+  gap: 14px;
+}
+.requestWorkspace__head {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.requestWorkspace__title {
+  margin-top: 4px;
+  font-size: 18px;
+  font-weight: 900;
+}
+.requestWorkspace__stats,
+.requestWorkspace__actions {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  flex-wrap: wrap;
+}
 .customItemGrid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
@@ -3902,6 +3669,10 @@ async function saveFeaturedOrder() {
 .templateRequestCard__thumbMeta {
   display: grid;
   gap: 10px;
+  padding: 14px;
+  border-radius: 18px;
+  border: 1px solid var(--theme-border);
+  background: var(--theme-surface-soft);
 }
 .templateRequestCard__thumbLabel {
   font-size: 11px;
@@ -3916,6 +3687,10 @@ async function saveFeaturedOrder() {
 .templateRequestCard__items {
   grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 }
+.templateRequestCard__links {
+  display: grid;
+  gap: 10px;
+}
 .templateRequestCard__actions {
   display: flex;
   gap: 10px;
diff --git a/frontend/src/views/TierEditorView.vue b/frontend/src/views/TierEditorView.vue
index c188cbb..4e6c02a 100644
--- a/frontend/src/views/TierEditorView.vue
+++ b/frontend/src/views/TierEditorView.vue
@@ -121,7 +121,6 @@ const copiedFromLabel = computed(() => {
 const customItems = computed(() =>
   Object.values(itemsById.value)
     .filter((item) => item?.origin === 'custom')
-    .sort((a, b) => (a.label || '').localeCompare(b.label || '', 'ko'))
 )
 const hasSavedTierList = computed(() => !!(persistedTierListId.value || (tierListId.value && tierListId.value !== 'new')))
 const canRequestTemplateCreate = computed(