diff --git a/frontend/public/screenshots/itsm_01_login.png b/frontend/public/screenshots/itsm_01_login.png
index 54fb282..ecff2ee 100644
Binary files a/frontend/public/screenshots/itsm_01_login.png and b/frontend/public/screenshots/itsm_01_login.png differ
diff --git a/frontend/public/screenshots/itsm_07_ssl.png b/frontend/public/screenshots/itsm_07_ssl.png
index b0c84f7..7f0f872 100644
Binary files a/frontend/public/screenshots/itsm_07_ssl.png and b/frontend/public/screenshots/itsm_07_ssl.png differ
diff --git a/frontend/public/screenshots/itsm_08_kpi.png b/frontend/public/screenshots/itsm_08_kpi.png
new file mode 100644
index 0000000..9384f02
Binary files /dev/null and b/frontend/public/screenshots/itsm_08_kpi.png differ
diff --git a/frontend/public/screenshots/itsm_09_bi.png b/frontend/public/screenshots/itsm_09_bi.png
new file mode 100644
index 0000000..9384f02
Binary files /dev/null and b/frontend/public/screenshots/itsm_09_bi.png differ
diff --git a/frontend/public/screenshots/mail_01_webmail.png b/frontend/public/screenshots/mail_01_webmail.png
index fdd3606..f265b38 100644
Binary files a/frontend/public/screenshots/mail_01_webmail.png and b/frontend/public/screenshots/mail_01_webmail.png differ
diff --git a/frontend/public/screenshots/manager_01_login.png b/frontend/public/screenshots/manager_01_login.png
index 8d61246..6b74db7 100644
Binary files a/frontend/public/screenshots/manager_01_login.png and b/frontend/public/screenshots/manager_01_login.png differ
diff --git a/frontend/public/screenshots/manager_02_dashboard.png b/frontend/public/screenshots/manager_02_dashboard.png
index 6b07cce..6b74db7 100644
Binary files a/frontend/public/screenshots/manager_02_dashboard.png and b/frontend/public/screenshots/manager_02_dashboard.png differ
diff --git a/frontend/public/screenshots/manager_03_servers.png b/frontend/public/screenshots/manager_03_servers.png
index 6522ed0..6b74db7 100644
Binary files a/frontend/public/screenshots/manager_03_servers.png and b/frontend/public/screenshots/manager_03_servers.png differ
diff --git a/frontend/public/screenshots/manager_04_scraping.png b/frontend/public/screenshots/manager_04_scraping.png
index c58f364..6b74db7 100644
Binary files a/frontend/public/screenshots/manager_04_scraping.png and b/frontend/public/screenshots/manager_04_scraping.png differ
diff --git a/frontend/public/screenshots/manager_05_deployments.png b/frontend/public/screenshots/manager_05_deployments.png
index 8ccdc09..6b74db7 100644
Binary files a/frontend/public/screenshots/manager_05_deployments.png and b/frontend/public/screenshots/manager_05_deployments.png differ
diff --git a/frontend/public/screenshots/manager_06_audit.png b/frontend/public/screenshots/manager_06_audit.png
index 0ad676f..6b74db7 100644
Binary files a/frontend/public/screenshots/manager_06_audit.png and b/frontend/public/screenshots/manager_06_audit.png differ
diff --git a/frontend/src/components/Icons.jsx b/frontend/src/components/Icons.jsx
index 6cd6a0b..15516db 100644
--- a/frontend/src/components/Icons.jsx
+++ b/frontend/src/components/Icons.jsx
@@ -119,3 +119,46 @@ export const IconBolt     = p => <Ico {...p}><path d="M13 2L3 14h9l-1 8 10-12h-9
 export const IconFire     = p => <Ico {...p}><path d="M12 22C6.5 22 2 17.5 2 12c0-2 .8-4 2.3-5.6C5.6 5 6 4.3 6 3c2 0 3 1.5 4 3 .7-1.2 2-2.5 4-3 0 1.5.7 2.5 1.7 3.5C17.2 8 18 9.8 18 12c0 5.5-4.5 10-6 10z"/></Ico>;
 export const IconGithub   = p => <Ico {...p}><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.9a3.4 3.4 0 00-.9-2.3c3.1-.3 6.4-1.5 6.4-7A5.4 5.4 0 0020 4.8 4.8 4.8 0 0019.9 1S18.7.7 16 2.5a13.4 13.4 0 00-7 0C6.3.7 5.1 1 5.1 1A4.8 4.8 0 005 4.8a5.4 5.4 0 00-1.5 3.8c0 5.4 3.3 6.6 6.4 7a3.4 3.4 0 00-.9 2.3V22"/></Ico>;
 export const IconCopyright= p => <Ico {...p}><circle cx="12" cy="12" r="10"/><path d="M14.8 9.5A4.5 4.5 0 1014.8 14.5"/></Ico>;
+
+/* ── 추가 아이콘 ── */
+export const IconMonitor  = p => <Ico {...p}><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></Ico>;
+export const IconPackage  = p => <Ico {...p}><path d="M16.5 9.4l-9-5.19M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 002 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></Ico>;
+export const IconUsers2   = p => <Ico {...p}><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></Ico>;
+export const IconCart     = p => <Ico {...p}><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.7 13.4a2 2 0 002 1.6h9.7a2 2 0 002-1.6L23 6H6"/></Ico>;
+export const IconIndex    = p => <Ico {...p}><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"/><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"/></Ico>;
+export const IconMail     = p => <Ico {...p}><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M2 7l10 7 10-7"/></Ico>;
+export const IconSend2    = p => <Ico {...p}><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></Ico>;
+export const IconMap      = p => <Ico {...p}><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/></Ico>;
+export const IconCrystal  = p => <Ico {...p}><path d="M12 2l9 7-9 13L3 9l9-7z"/><path d="M3 9h18"/></Ico>;
+export const IconFactory  = p => <Ico {...p}><path d="M2 20V8l6 4V8l6 4V4l6 4v12H2z"/><path d="M6 20v-6h3v6M13 20v-6h3v6"/></Ico>;
+export const IconWarehouse= p => <Ico {...p}><path d="M22 8.35V20a2 2 0 01-2 2H4a2 2 0 01-2-2V8.35A2 2 0 012.9 6.5l8-3.2a2 2 0 011.2 0l8 3.2a2 2 0 01.9 1.85z"/><path d="M10 20v-6h4v6"/><path d="M2 9.5h20"/></Ico>;
+export const IconCircle   = p => <Ico {...p}><circle cx="12" cy="12" r="10"/></Ico>;
+export const IconDot      = p => <Ico {...p}><circle cx="12" cy="12" r="4" fill="currentColor" stroke="none"/></Ico>;
+export const IconRefresh  = p => <Ico {...p}><path d="M23 4v6h-6"/><path d="M1 20v-6h6"/><path d="M3.5 9A9 9 0 0120.5 9M20.5 15A9 9 0 013.5 15"/></Ico>;
+export const IconBell     = p => <Ico {...p}><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 01-3.4 0"/></Ico>;
+export const IconReport   = p => <Ico {...p}><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></Ico>;
+export const IconStar2    = p => <Ico {...p}><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></Ico>;
+export const IconCompass  = p => <Ico {...p}><circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/></Ico>;
+export const IconHeadphone= p => <Ico {...p}><path d="M3 18v-6a9 9 0 0118 0v6"/><path d="M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3v5zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3v5z"/></Ico>;
+export const IconBalance  = p => <Ico {...p}><line x1="12" y1="3" x2="12" y2="21"/><path d="M3 6l9-3 9 3M3 18l9 3 9-3M3 6l6 6-6 6M21 6l-6 6 6 6"/></Ico>;
+export const IconApple    = p => <Ico {...p}><path d="M12 20.94c1.5 0 2.75-.6 3.95-1.5a8 8 0 001.8-2.5c.5-1 .75-2 .75-3 0-1.9-.7-3.5-2.1-4.8A4.5 4.5 0 0012.9 8c-.4-1.3-1.3-2.3-2.6-3-.7-.4-1.4-.7-2.1-.7-.9 0-1.7.3-2.3.7a4 4 0 00-1.5 1.8c-.3.7-.4 1.4-.4 2.1 0 1 .2 2 .7 3 .5 1.1 1.2 2 2 2.7.6.5 1.3 1 2 1.3.5.3 1 .5 1.5.5.6 0 1.1-.2 1.6-.5M12 20.94c-1.5 0-2.75-.6-3.95-1.5"/><path d="M12 8c0-2.2.9-3.5 2-4"/></Ico>;
+export const IconRobot    = p => <Ico {...p}><rect x="3" y="11" width="18" height="10" rx="2"/><rect x="9" y="7" width="6" height="4"/><path d="M12 7V4"/><circle cx="12" cy="4" r="1" fill="currentColor" stroke="none"/><circle cx="8" cy="16" r="1.5" fill="currentColor" stroke="none"/><circle cx="16" cy="16" r="1.5" fill="currentColor" stroke="none"/><path d="M8 19h8"/></Ico>;
+export const IconCalendar = p => <Ico {...p}><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></Ico>;
+export const IconGear     = p => <Ico {...p}><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z"/></Ico>;
+export const IconTag      = p => <Ico {...p}><path d="M20.6 11.4L12.6 3.4A2 2 0 0011.2 3H6a2 2 0 00-2 2v5.2a2 2 0 00.6 1.4l8 8a2 2 0 002.8 0l5.2-5.2a2 2 0 000-2.8z"/><circle cx="8.5" cy="8.5" r="1.5" fill="currentColor" stroke="none"/></Ico>;
+export const IconChatBubble = p => <Ico {...p}><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/><line x1="9" y1="10" x2="15" y2="10"/><line x1="9" y1="13" x2="13" y2="13"/></Ico>;
+export const IconDoorOpen = p => <Ico {...p}><path d="M13 4h3a2 2 0 012 2v14M2 20h3M13 20h9M2 20V6a2 2 0 012-2h5v16M9 12h.01"/></Ico>;
+export const IconNewspaper2= p => <Ico {...p}><path d="M4 22h16a2 2 0 002-2V4a2 2 0 00-2-2H8a2 2 0 00-2 2v16a2 2 0 01-2 2zm0 0a2 2 0 01-2-2v-9c0-1.1.9-2 2-2h2"/><path d="M18 14h-8M15 18h-5M10 6h8v4h-8V6z"/></Ico>;
+export const IconPen      = p => <Ico {...p}><path d="M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></Ico>;
+export const IconLockOpen = p => <Ico {...p}><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 019.9-1"/><circle cx="12" cy="16" r="1" fill="currentColor"/></Ico>;
+export const IconQuestion = p => <Ico {...p}><circle cx="12" cy="12" r="10"/><path d="M9.1 9a3 3 0 015.8 1c0 2-3 3-3 3M12 17h.01"/></Ico>;
+export const IconCloudUp  = p => <Ico {...p}><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.4 18.3a4.5 4.5 0 00-1.5-8.8H17.6A7 7 0 103 16.3"/></Ico>;
+export const IconBox      = p => <Ico {...p}><path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 002 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/></Ico>;
+export const IconSitemap  = p => <Ico {...p}><rect x="9" y="3" width="6" height="4" rx="1"/><rect x="2" y="17" width="6" height="4" rx="1"/><rect x="9" y="17" width="6" height="4" rx="1"/><rect x="16" y="17" width="6" height="4" rx="1"/><path d="M12 7v6M5 17v-3h14v3"/></Ico>;
+export const IconPerson   = p => <Ico {...p}><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></Ico>;
+export const IconWarning  = p => <Ico {...p}><path d="M10.3 3.2L1.6 18a2 2 0 001.7 3h17.4a2 2 0 001.7-3L13.7 3.2a2 2 0 00-3.4 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></Ico>;
+export const IconInfo     = p => <Ico {...p}><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></Ico>;
+export const IconRecycle  = p => <Ico {...p}><path d="M7 19H4.8a1 1 0 01-.8-1.6L8 11l4 3-5 5zM7 5h2.2a1 1 0 01.8.4L16 13l-4 3-5-5V5zM17 5h-2.2a1 1 0 00-.8.4L9 11l4 3 5-5V5a1 1 0 00-1-4z"/></Ico>;
+export const IconDownload2= p => <Ico {...p}><path d="M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 11l5 5 5-5M12 4v12"/></Ico>;
+export const IconPencilRule= p => <Ico {...p}><rect x="2" y="14" width="4" height="8"/><path d="M6 16h12a2 2 0 002-2V4l-4-2-4 2-4-2-4 2"/><path d="M10 4v8M14 4v8"/></Ico>;
+export const IconBranch   = p => <Ico {...p}><line x1="6" y1="3" x2="6" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 01-9 9"/></Ico>;