feats/security → design 병합: 2FA·Step-up 인증 통합

- SuccessHandler 충돌 해결: LoginFinalizer 리팩터 버전 채택
- LoginFinalizer 로그 마스킹 재적용(design 변경 보존)
- CSS 생성물 충돌은 SASS 재컴파일로 해소(.tfa- 포함)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/main/resources/templates/views/apps/login/login.html

@@ -248,6 +248,25 @@
                 }
             });
 
+            // 로그인 2FA: 1차 인증 통과 후 pending 상태면 추가 인증 팝업 자동 오픈
+            var twoFactorPending = [[${twoFactorPending}]];
+            if (twoFactorPending && typeof TwoFactorAuth !== 'undefined') {
+                TwoFactorAuth.open({
+                    mode: 'login',
+                    onSuccess: function (res) {
+                        window.location.href = (res && res.redirect) ? res.redirect : /*[[@{/}]]*/ '/';
+                    },
+                    onCancel: function (reason) {
+                        // 팝업 닫기/타임아웃/실패 = 2차 인증 실패 → 로그인 페이지 유지 후 재로그인 안내
+                        if (reason === 'TIMEOUT') {
+                            customPopups.showAlert('인증 시간이 초과되어 로그인이 취소되었습니다. 다시 로그인해주세요.');
+                        } else if (reason !== 'FAILED') {
+                            customPopups.showAlert('추가 인증이 취소되었습니다. 다시 로그인해주세요.');
+                        }
+                    }
+                });
+            }
+
             fnInit();
         });
     </script>