diff --git a/TaxBaik.Web/Components/Admin/App.razor b/TaxBaik.Web/Components/Admin/App.razor
index d77c990..a689adf 100644
--- a/TaxBaik.Web/Components/Admin/App.razor
+++ b/TaxBaik.Web/Components/Admin/App.razor
@@ -20,8 +20,9 @@
- 관리자 세션을 다시 연결하고 있습니다.
- 배포 또는 서버 재시작 중이면 잠시 후 자동으로 새로고침됩니다.
+ 연결 재설정 중...
+ 새로운 버전으로 업데이트되었습니다.
+ 자동으로 페이지를 새로고침합니다. 잠시만 기다려주세요.
diff --git a/TaxBaik.Web/wwwroot/css/admin.css b/TaxBaik.Web/wwwroot/css/admin.css
index 2eab28a..e3cf772 100644
--- a/TaxBaik.Web/wwwroot/css/admin.css
+++ b/TaxBaik.Web/wwwroot/css/admin.css
@@ -1445,3 +1445,57 @@ textarea:focus-visible {
@keyframes spin {
to { transform: rotate(360deg); }
}
+
+/* Reconnection Modal */
+.admin-reconnect-modal {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.5);
+ z-index: 9998;
+ align-items: center;
+ justify-content: center;
+}
+
+.admin-reconnect-modal.components-reconnect-modal {
+ display: flex;
+}
+
+.admin-reconnect-card {
+ background: white;
+ padding: 2rem;
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+ text-align: center;
+ max-width: 400px;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ animation: slideIn 0.3s ease-out;
+}
+
+.admin-reconnect-card strong {
+ font-size: 1.25rem;
+ color: var(--text-primary);
+ display: block;
+}
+
+.admin-reconnect-card span {
+ color: var(--text-secondary);
+ font-size: 0.95rem;
+ line-height: 1.4;
+}
+
+@keyframes slideIn {
+ from {
+ opacity: 0;
+ transform: translateY(-20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}