diff --git a/img/sales13.jpg b/img/sales13.jpg
new file mode 100644
index 0000000..b392722
Binary files /dev/null and b/img/sales13.jpg differ
diff --git a/index.php b/index.php
index 27cc932..894260d 100644
--- a/index.php
+++ b/index.php
@@ -467,6 +467,17 @@
             pdf: 'pdf/sales12.pdf',            
             script: "우리 회사에 맞을까 고민하지 마세요. 대표님 업종에 딱 맞춘 대시보드를 미리 구성해서 보여드립니다. 3일만 직접 써보시면, 왜 SAM이 필수인지 바로 아실 겁니다.",
             tags: ['Call to Action', 'Demo', 'Free Trial'],
+          },
+          {
+            id: '13',
+            title: 'SAM의 비교 분석',
+            image: 'img/sales13.jpg',
+            description: "SAM은 복잡한 기계실의 수많은 계기판(기존 ERP) 대신, 조종석 정면에 떠오르는 핵심 정보창(HUD)과 같아서, 경영자가 복잡한 수치에 매몰되지 않고 회사의 나아갈 방향을 즉시 결정할 수 있도록 돕습니다.",
+            video: '<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1149068241?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="핵심 기능 (Core Features)"></iframe></div>',
+            audio: 'm4a/sales13.m4a',
+            pdf: 'pdf/sales13.pdf',            
+            script: "기존 ERP가 직원용 '도구'였다면, **SAM은 대표님의 의사결정을 위한 '무기'입니다.  로그인 10초 만에 AI가 요약한 5대 핵심 지표를 파악하고, '돈 들어오는 소리'와 함께 실시간으로 회사를 통제하십시오. 보고서 대기 없는 'AI 경영 비서' SAM으로, 이제 복잡한 데이터가 아닌 오직 '경영'에만 집중할 때입니다",
+            tags: ['Comparison', 'AI', 'Efficiency'],
           }
         ];
 
diff --git a/m4a/sales13.m4a b/m4a/sales13.m4a
new file mode 100644
index 0000000..4d22d2d
Binary files /dev/null and b/m4a/sales13.m4a differ
diff --git a/pdf/sales13.pdf b/pdf/sales13.pdf
new file mode 100644
index 0000000..c3dd729
Binary files /dev/null and b/pdf/sales13.pdf differ
diff --git a/sales_manager_scenario/index.php b/sales_manager_scenario/index.php
index 3814a4a..44b33c2 100644
--- a/sales_manager_scenario/index.php
+++ b/sales_manager_scenario/index.php
@@ -108,6 +108,22 @@
     <script type="text/babel">
         const { useState, useEffect, useRef } = React;
 
+        // --- Lucide Icon Wrapper ---
+        const LucideIcon = ({ name, className = "w-4 h-4", onClick }) => {
+            const ref = React.useRef(null);
+            React.useEffect(() => {
+                if (ref.current && window.lucide) {
+                    const i = document.createElement('i');
+                    i.setAttribute('data-lucide', name);
+                    i.className = className;
+                    ref.current.innerHTML = '';
+                    ref.current.appendChild(i);
+                    window.lucide.createIcons({ root: ref.current });
+                }
+            }, [name, className]);
+            return <span ref={ref} onClick={onClick} className={`inline-flex items-center justify-center ${className || ''}`} style={{ pointerEvents: onClick ? 'auto' : 'none' }}></span>;
+        };
+
         // --- Data: Manager Scenario Steps ---
         const SCENARIO_STEPS = [
             {
@@ -311,7 +327,7 @@
                     </div>
                     <div className="flex items-center gap-4">
                         <a href="../index.php" className="text-sm text-slate-500 hover:text-slate-900 flex items-center gap-1 font-medium transition-colors">
-                            <i data-lucide="home" className="w-4 h-4"></i>
+                            <LucideIcon name="home" className="w-4 h-4" />
                             홈으로
                         </a>
                         <div className="h-4 w-px bg-slate-200"></div>
@@ -409,11 +425,11 @@
                     <div className="bg-white rounded-2xl shadow-2xl w-full max-w-lg overflow-hidden animate-slide-up" onClick={e => e.stopPropagation()}>
                         <div className="p-6 border-b border-slate-100 flex justify-between items-center bg-slate-50">
                             <h3 className="text-lg font-bold text-slate-900 flex items-center gap-2">
-                                <i data-lucide="lightbulb" className="w-5 h-5 text-yellow-500"></i>
+                                <LucideIcon name="lightbulb" className="w-5 h-5 text-yellow-500" />
                                 Manager Pro Tip
                             </h3>
                             <button onClick={onClose} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
-                                <i data-lucide="x" className="w-5 h-5 text-slate-500"></i>
+                                <LucideIcon name="x" className="w-5 h-5 text-slate-500" />
                             </button>
                         </div>
                         
@@ -424,7 +440,7 @@
                             <div className="bg-blue-50 border border-blue-100 rounded-xl p-5">
                                 <div className="flex items-start gap-3">
                                     <div className="p-2 bg-blue-100 rounded-lg text-blue-600 shrink-0">
-                                        <i data-lucide="thumbs-up" className="w-5 h-5"></i>
+                                        <LucideIcon name="thumbs-up" className="w-5 h-5" />
                                     </div>
                                     <div>
                                         <h5 className="font-bold text-blue-800 mb-1">실전 꿀팁</h5>
@@ -489,17 +505,7 @@
             useEffect(() => {
                 loadRecordings();
                 
-                // 아이콘 생성 (컴포넌트 마운트 후)
-                const iconTimer = setTimeout(() => {
-                    try {
-                        lucide.createIcons();
-                    } catch (error) {
-                        console.warn('Icon creation error:', error);
-                    }
-                }, 100);
-                
                 return () => {
-                    clearTimeout(iconTimer);
                     if (timerIntervalRef.current) clearInterval(timerIntervalRef.current);
                     if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
                     if (streamRef.current) {
@@ -509,23 +515,7 @@
                 };
             }, []);
             
-            // 리스트 업데이트 시 아이콘 재생성
-            useEffect(() => {
-                if (savedRecordings.length > 0) {
-                    const iconTimer = setTimeout(() => {
-                        try {
-                            // DOM이 준비되었는지 확인
-                            if (document.readyState === 'complete' || document.readyState === 'interactive') {
-                                lucide.createIcons();
-                            }
-                        } catch (error) {
-                            // 에러를 조용히 처리
-                            console.warn('Icon creation error (non-critical):', error);
-                        }
-                    }, 150);
-                    return () => clearTimeout(iconTimer);
-                }
-            }, [savedRecordings]);
+            // 리스트 업데이트 시 목록 다시 불러오기 (이미 loadRecordings에서 처리중)
 
             const formatTime = (seconds) => {
                 const mins = Math.floor(seconds / 60);
@@ -657,19 +647,23 @@
                         };
                         
                         recognition.onerror = (event) => {
-                            console.error('Speech recognition error:', event.error);
-                            
                             if (event.error === 'no-speech') {
-                                // 음성이 감지되지 않음 - 자동 재시작
+                                // Silence 'no-speech' console error and add a delay for restart
                                 if (mediaRecorderRef.current && mediaRecorderRef.current.state !== 'inactive') {
-                                    try {
-                                        recognition.start();
-                                    } catch (e) {
-                                        console.log('Recognition restart failed:', e);
-                                    }
+                                    setTimeout(() => {
+                                        try {
+                                            if (mediaRecorderRef.current && mediaRecorderRef.current.state !== 'inactive') {
+                                                recognition.start();
+                                            }
+                                        } catch (e) {
+                                            // Ignore subsequent errors on restart
+                                        }
+                                    }, 2000); // 2 second delay to prevent spam
                                 }
                                 return;
                             }
+
+                            console.error('Speech recognition error:', event.error);
                             
                             if (event.error === 'aborted') {
                                 // 사용자가 중단함
@@ -782,16 +776,6 @@
                     const result = await response.json();
                     if (result.success) {
                         setSelectedRecording(result.data);
-                        // 모달 열릴 때 아이콘 생성
-                        setTimeout(() => {
-                            try {
-                                if (document.readyState === 'complete' || document.readyState === 'interactive') {
-                                    lucide.createIcons();
-                                }
-                            } catch (error) {
-                                console.warn('Icon creation error:', error);
-                            }
-                        }, 100);
                     } else {
                         alert('데이터를 불러올 수 없습니다: ' + result.message);
                     }
@@ -804,16 +788,6 @@
             // 삭제 확인 함수
             const confirmDeleteRecording = (recordingId, date) => {
                 setDeleteRecordingId(recordingId);
-                // 모달 열릴 때 아이콘 생성
-                setTimeout(() => {
-                    try {
-                        if (document.readyState === 'complete' || document.readyState === 'interactive') {
-                            lucide.createIcons();
-                        }
-                    } catch (error) {
-                        console.warn('Icon creation error:', error);
-                    }
-                }, 100);
             };
 
             // 삭제 실행 함수
@@ -846,7 +820,7 @@
                 <>
                 <div className="bg-white rounded-xl border border-slate-200 p-6 space-y-4">
                     <h4 className="text-lg font-bold text-slate-900 flex items-center gap-2">
-                        <i data-lucide="mic" className="w-5 h-5 text-indigo-600"></i>
+                        <LucideIcon name="mic" className="w-5 h-5 text-indigo-600" />
                         고객사 상담 녹음
                     </h4>
                     
@@ -859,7 +833,7 @@
                                     : 'bg-indigo-600 hover:bg-indigo-700'
                             }`}
                         >
-                            <i data-lucide={isRecording ? "square" : "mic"} className="w-8 h-8"></i>
+                            <LucideIcon name={isRecording ? "square" : "mic"} className="w-8 h-8" />
                         </button>
                         
                         <div className="text-center">
@@ -889,7 +863,7 @@
                                     onClick={saveRecording}
                                     className="flex-1 px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 font-medium transition-colors"
                                 >
-                                    <i data-lucide="save" className="w-4 h-4 inline mr-2"></i>
+                                    <LucideIcon name="save" className="w-4 h-4 inline mr-2" />
                                     저장하기
                                 </button>
                                 <button
@@ -913,7 +887,7 @@
                     <div className="mt-6 border-t border-slate-200 pt-4">
                         <div className="flex items-center justify-between mb-3">
                             <h5 className="text-sm font-bold text-slate-700 flex items-center gap-2">
-                                <i data-lucide="list" className="w-4 h-4"></i>
+                                <LucideIcon name="list" className="w-4 h-4" />
                                 저장된 녹음 목록
                             </h5>
                             <button
@@ -921,19 +895,19 @@
                                 className="text-xs text-indigo-600 hover:text-indigo-700 font-medium"
                                 disabled={loading}
                             >
-                                <i data-lucide="refresh-cw" className={`w-3 h-3 inline mr-1 ${loading ? 'animate-spin' : ''}`}></i>
+                                <LucideIcon name="refresh-cw" className={`w-3 h-3 inline mr-1 ${loading ? 'animate-spin' : ''}`} />
                                 새로고침
                             </button>
                         </div>
                         
                         {loading && savedRecordings.length === 0 ? (
                             <div className="text-center py-8 text-slate-400 text-sm">
-                                <i data-lucide="loader" className="w-5 h-5 inline animate-spin mr-2"></i>
+                                <LucideIcon name="loader" className="w-5 h-5 inline animate-spin mr-2" />
                                 로딩 중...
                             </div>
                         ) : savedRecordings.length === 0 ? (
                             <div className="text-center py-8 text-slate-400 text-sm">
-                                <i data-lucide="inbox" className="w-8 h-8 mx-auto mb-2 opacity-50"></i>
+                                <LucideIcon name="inbox" className="w-8 h-8 mx-auto mb-2 opacity-50" />
                                 저장된 녹음이 없습니다
                             </div>
                         ) : (
@@ -979,7 +953,7 @@
                                                             className="p-1.5 text-slate-400 hover:text-indigo-600 transition-colors rounded"
                                                             title="상세보기"
                                                         >
-                                                            <i data-lucide="eye" className="w-4 h-4"></i>
+                                                            <LucideIcon name="eye" className="w-4 h-4" />
                                                         </button>
                                                         {recording.audio_file_path && !recording.is_gcs && (
                                                             <a
@@ -988,7 +962,7 @@
                                                                 className="p-1.5 text-slate-400 hover:text-indigo-600 transition-colors rounded"
                                                                 title="다운로드"
                                                             >
-                                                                <i data-lucide="download" className="w-4 h-4"></i>
+                                                                <LucideIcon name="download" className="w-4 h-4" />
                                                             </a>
                                                         )}
                                                         <button
@@ -996,7 +970,7 @@
                                                             className="p-1.5 text-slate-400 hover:text-red-600 transition-colors rounded"
                                                             title="삭제"
                                                         >
-                                                            <i data-lucide="trash-2" className="w-4 h-4"></i>
+                                                            <LucideIcon name="trash-2" className="w-4 h-4" />
                                                         </button>
                                                     </div>
                                                 </td>
@@ -1016,20 +990,20 @@
                             <div className="p-6 border-b border-slate-200 flex justify-between items-center bg-slate-50 sticky top-0">
                                 <h3 className="text-lg font-bold text-slate-900">녹음 상세보기</h3>
                                 <button onClick={() => setSelectedRecording(null)} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
-                                    <i data-lucide="x" className="w-5 h-5 text-slate-500"></i>
+                                    <LucideIcon name="x" className="w-5 h-5 text-slate-500" />
                                 </button>
                             </div>
                             <div className="p-6 space-y-4">
                                 <div>
                                     <h6 className="text-sm font-bold text-slate-700 mb-2 flex items-center gap-2">
-                                        <i data-lucide="calendar" className="w-4 h-4"></i>
+                                        <LucideIcon name="calendar" className="w-4 h-4" />
                                         작성일
                                     </h6>
                                     <p className="text-sm text-slate-600">{selectedRecording.created_at_formatted}</p>
                                 </div>
                                 <div>
                                     <h6 className="text-sm font-bold text-slate-700 mb-2 flex items-center gap-2">
-                                        <i data-lucide="file-text" className="w-4 h-4"></i>
+                                        <LucideIcon name="file-text" className="w-4 h-4" />
                                         전체 텍스트
                                     </h6>
                                     <div className="p-4 bg-slate-50 rounded-lg border border-slate-200 text-sm text-slate-700 whitespace-pre-wrap max-h-96 overflow-y-auto">
@@ -1039,7 +1013,7 @@
                                 {selectedRecording.audio_file_path && (
                                     <div>
                                         <h6 className="text-sm font-bold text-slate-700 mb-2 flex items-center gap-2">
-                                            <i data-lucide="file-audio" className="w-4 h-4"></i>
+                                            <LucideIcon name="file-audio" className="w-4 h-4" />
                                             파일 정보
                                         </h6>
                                         <div className="p-4 bg-slate-50 rounded-lg border border-slate-200">
@@ -1060,7 +1034,7 @@
                                         download
                                         className="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 font-medium transition-colors"
                                     >
-                                        <i data-lucide="download" className="w-4 h-4 inline mr-2"></i>
+                                        <LucideIcon name="download" className="w-4 h-4 inline mr-2" />
                                         다운로드
                                     </a>
                                 )}
@@ -1082,7 +1056,7 @@
                             <div className="p-6 border-b border-slate-200 flex justify-between items-center">
                                 <h3 className="text-lg font-bold text-slate-900">녹음 삭제 확인</h3>
                                 <button onClick={() => setDeleteRecordingId(null)} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
-                                    <i data-lucide="x" className="w-5 h-5 text-slate-500"></i>
+                                    <LucideIcon name="x" className="w-5 h-5 text-slate-500" />
                                 </button>
                             </div>
                             <div className="p-6">
@@ -1144,39 +1118,8 @@
 
             useEffect(() => {
                 loadFiles();
-                
-                // 아이콘 생성 (컴포넌트 마운트 후)
-                const iconTimer = setTimeout(() => {
-                    try {
-                        lucide.createIcons();
-                    } catch (error) {
-                        console.warn('Icon creation error:', error);
-                    }
-                }, 100);
-                
-                return () => {
-                    clearTimeout(iconTimer);
-                };
             }, []);
             
-            // 리스트 업데이트 시 아이콘 재생성
-            useEffect(() => {
-                if (savedFiles.length > 0) {
-                    const iconTimer = setTimeout(() => {
-                        try {
-                            // DOM이 준비되었는지 확인
-                            if (document.readyState === 'complete' || document.readyState === 'interactive') {
-                                lucide.createIcons();
-                            }
-                        } catch (error) {
-                            // 에러를 조용히 처리
-                            console.warn('Icon creation error (non-critical):', error);
-                        }
-                    }, 150);
-                    return () => clearTimeout(iconTimer);
-                }
-            }, [savedFiles]);
-
             const formatFileSize = (bytes) => {
                 if (bytes === 0) return '0 Bytes';
                 const k = 1024;
@@ -1222,7 +1165,7 @@
             return (
                 <div className="bg-white rounded-xl border border-slate-200 p-6 space-y-4">
                     <h4 className="text-lg font-bold text-slate-900 flex items-center gap-2">
-                        <i data-lucide="paperclip" className="w-5 h-5 text-indigo-600"></i>
+                        <LucideIcon name="paperclip" className="w-5 h-5 text-indigo-600" />
                         첨부파일 추가
                     </h4>
                     
@@ -1239,7 +1182,7 @@
                             htmlFor="file-upload-input"
                             className="flex items-center justify-center gap-2 px-4 py-3 border-2 border-dashed border-slate-300 rounded-lg hover:border-indigo-500 hover:bg-indigo-50 cursor-pointer transition-colors"
                         >
-                            <i data-lucide="upload" className="w-5 h-5 text-slate-500"></i>
+                            <LucideIcon name="upload" className="w-5 h-5 text-slate-500" />
                             <span className="text-sm font-medium text-slate-700">파일 선택 (여러 개 가능)</span>
                         </label>
                         
@@ -1248,7 +1191,7 @@
                                 {files.map((file, index) => (
                                     <div key={index} className="flex items-center justify-between p-3 bg-slate-50 rounded-lg border border-slate-200">
                                         <div className="flex items-center gap-3 flex-1 min-w-0">
-                                            <i data-lucide="file" className="w-5 h-5 text-slate-500 shrink-0"></i>
+                                            <LucideIcon name="file" className="w-5 h-5 text-slate-500 shrink-0" />
                                             <div className="flex-1 min-w-0">
                                                 <div className="text-sm font-medium text-slate-900 truncate">{file.name}</div>
                                                 <div className="text-xs text-slate-500">{formatFileSize(file.size)}</div>
@@ -1258,7 +1201,7 @@
                                             onClick={() => removeFile(index)}
                                             className="p-1 text-slate-400 hover:text-red-600 transition-colors shrink-0"
                                         >
-                                            <i data-lucide="x" className="w-4 h-4"></i>
+                                            <LucideIcon name="x" className="w-4 h-4" />
                                         </button>
                                     </div>
                                 ))}
@@ -1267,7 +1210,7 @@
                                     onClick={uploadFiles}
                                     className="w-full px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 font-medium transition-colors"
                                 >
-                                    <i data-lucide="upload" className="w-4 h-4 inline mr-2"></i>
+                                    <LucideIcon name="upload" className="w-4 h-4 inline mr-2" />
                                     개발부서로 전송 ({files.length}개 파일)
                                 </button>
                             </div>
@@ -1278,7 +1221,7 @@
                     <div className="mt-6 border-t border-slate-200 pt-4">
                         <div className="flex items-center justify-between mb-3">
                             <h5 className="text-sm font-bold text-slate-700 flex items-center gap-2">
-                                <i data-lucide="paperclip" className="w-4 h-4"></i>
+                                <LucideIcon name="paperclip" className="w-4 h-4" />
                                 업로드된 파일 목록
                             </h5>
                             <button
@@ -1286,19 +1229,19 @@
                                 className="text-xs text-indigo-600 hover:text-indigo-700 font-medium"
                                 disabled={loading}
                             >
-                                <i data-lucide="refresh-cw" className={`w-3 h-3 inline mr-1 ${loading ? 'animate-spin' : ''}`}></i>
+                                <LucideIcon name="refresh-cw" className={`w-3 h-3 inline mr-1 ${loading ? 'animate-spin' : ''}`} />
                                 새로고침
                             </button>
                         </div>
                         
                         {loading && savedFiles.length === 0 ? (
                             <div className="text-center py-8 text-slate-400 text-sm">
-                                <i data-lucide="loader" className="w-5 h-5 inline animate-spin mr-2"></i>
+                                <LucideIcon name="loader" className="w-5 h-5 inline animate-spin mr-2" />
                                 로딩 중...
                             </div>
                         ) : savedFiles.length === 0 ? (
                             <div className="text-center py-8 text-slate-400 text-sm">
-                                <i data-lucide="inbox" className="w-8 h-8 mx-auto mb-2 opacity-50"></i>
+                                <LucideIcon name="inbox" className="w-8 h-8 mx-auto mb-2 opacity-50" />
                                 업로드된 파일이 없습니다
                             </div>
                         ) : (
@@ -1307,7 +1250,7 @@
                                     <div key={`filegroup-${fileGroup.id}-${fileGroup.created_at}`} className="p-3 bg-slate-50 rounded-lg border border-slate-200">
                                         <div className="flex items-center justify-between mb-2">
                                             <div className="flex items-center gap-2">
-                                                <i data-lucide="folder" className="w-4 h-4 text-indigo-600"></i>
+                                                <LucideIcon name="folder" className="w-4 h-4 text-indigo-600" />
                                                 <span className="text-xs font-medium text-slate-500">
                                                     {fileGroup.created_at_formatted}
                                                 </span>
@@ -1320,7 +1263,7 @@
                                             {fileGroup.files && fileGroup.files.map((file, idx) => (
                                                 <div key={`${fileGroup.id}-${idx}-${file.original_name}`} className="flex items-center justify-between p-2 bg-white rounded border border-slate-100">
                                                     <div className="flex items-center gap-2 flex-1 min-w-0">
-                                                        <i data-lucide="file" className="w-4 h-4 text-slate-400 shrink-0"></i>
+                                                        <LucideIcon name="file" className="w-4 h-4 text-slate-400 shrink-0" />
                                                         <span className="text-xs text-slate-700 truncate">{file.original_name}</span>
                                                         <span className="text-xs text-slate-400 shrink-0">
                                                             {formatFileSize(file.file_size)}
@@ -1338,7 +1281,7 @@
                                                             className="p-1 text-slate-400 hover:text-indigo-600 transition-colors shrink-0"
                                                             title="다운로드"
                                                         >
-                                                            <i data-lucide="download" className="w-3.5 h-3.5"></i>
+                                                            <LucideIcon name="download" className="w-3.5 h-3.5" />
                                                         </a>
                                                     )}
                                                 </div>
@@ -1378,7 +1321,7 @@
 
                                 <div className="p-4 bg-slate-50 rounded-xl border border-slate-100">
                                     <h4 className="text-sm font-bold text-slate-800 mb-2 flex items-center gap-2">
-                                        <i data-lucide="lightbulb" className="w-4 h-4 text-yellow-500"></i>
+                                        <LucideIcon name="lightbulb" className="w-4 h-4 text-yellow-500" />
                                         Manager Tip
                                     </h4>
                                     <p className="text-sm text-slate-600 italic">
@@ -1390,7 +1333,7 @@
                             {/* Right: Checkpoints */}
                             <div className="md:w-2/3 bg-slate-50 rounded-xl p-6 border border-slate-100">
                                 <h3 className="text-lg font-bold text-slate-900 mb-4 flex items-center gap-2">
-                                    <i data-lucide="check-square" className="w-5 h-5 text-primary"></i>
+                                    <LucideIcon name="check-square" className="w-5 h-5 text-primary" />
                                     핵심 체크포인트
                                 </h3>
                                 <div className="space-y-4">
@@ -1404,7 +1347,7 @@
                                                         checked={checkedItems.includes(idx)}
                                                         onChange={(e) => onCheck(step.id, idx, e.target.checked)}
                                                     />
-                                                    <i data-lucide="check" className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-3.5 h-3.5 text-white opacity-0 peer-checked:opacity-100 pointer-events-none"></i>
+                                                    <LucideIcon name="check" className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-3.5 h-3.5 text-white opacity-0 peer-checked:opacity-100 pointer-events-none" />
                                                 </div>
                                                 <div className="flex-grow">
                                                     <span className={`block text-sm font-bold transition-colors mb-1 ${checkedItems.includes(idx) ? 'text-slate-400 line-through' : 'text-slate-800 group-hover:text-primary'}`}>
@@ -1425,7 +1368,7 @@
                                                 className="absolute right-4 top-4 p-2 text-slate-400 hover:text-yellow-500 hover:bg-yellow-50 rounded-full transition-all opacity-0 group-hover:opacity-100"
                                                 title="꿀팁 보기"
                                             >
-                                                <i data-lucide="help-circle" className="w-5 h-5"></i>
+                                                <LucideIcon name="help-circle" className="w-5 h-5" />
                                             </button>
                                         </div>
                                     ))}
@@ -1479,19 +1422,7 @@
             }, []);
 
             useEffect(() => {
-                // 아이콘 생성은 DOM이 완전히 렌더링된 후에 실행
-                const timer = setTimeout(() => {
-                    try {
-                        // DOM이 준비되었는지 확인
-                        if (document.readyState === 'complete' || document.readyState === 'interactive') {
-                            lucide.createIcons();
-                        }
-                    } catch (error) {
-                        // 에러를 조용히 처리 (React와의 충돌 방지)
-                        console.warn('Icon creation error (non-critical):', error);
-                    }
-                }, 100);
-                return () => clearTimeout(timer);
+                // LucideIcon component handles icon creation
             }, [activeStepId, checklistData]);
 
             const handleCheck = (stepId, index, isChecked) => {
@@ -1575,7 +1506,7 @@
                             
                             {/* Circular Indicator (Optional, for visual balance) */}
                             <div className="hidden md:flex items-center justify-center w-16 h-16 rounded-full bg-blue-50 text-blue-600 border border-blue-100 shrink-0">
-                                <i data-lucide="trophy" className="w-8 h-8"></i>
+                                <LucideIcon name="trophy" className="w-8 h-8" />
                             </div>
                         </div>
 
diff --git a/salesmanagement/api/fix_schema.php b/salesmanagement/api/fix_schema.php
new file mode 100644
index 0000000..85e9ad6
--- /dev/null
+++ b/salesmanagement/api/fix_schema.php
@@ -0,0 +1,25 @@
+<?php
+require_once(__DIR__ . "/../../lib/mydb.php");
+$pdo = db_connect();
+
+try {
+    $columns = $pdo->query("SHOW COLUMNS FROM `sales_tenant_consultations`")->fetchAll(PDO::FETCH_COLUMN);
+    echo "Columns: " . implode(", ", $columns) . "\n";
+    
+    if (!in_array('audio_file_path', $columns)) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `audio_file_path` varchar(500) DEFAULT NULL AFTER `log_text` ");
+        echo "Added audio_file_path\n";
+    }
+    if (!in_array('attachment_paths', $columns)) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `attachment_paths` text DEFAULT NULL AFTER `audio_file_path` ");
+        echo "Added attachment_paths\n";
+    }
+    if (!in_array('consultation_type', $columns)) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `consultation_type` varchar(20) DEFAULT 'text' AFTER `attachment_paths` ");
+        echo "Added consultation_type\n";
+    }
+    
+    echo "Schema check completed.\n";
+} catch (Exception $e) {
+    echo "Error: " . $e->getMessage() . "\n";
+}
diff --git a/salesmanagement/api/get_performance.php b/salesmanagement/api/get_performance.php
index 79bc630..32357a1 100644
--- a/salesmanagement/api/get_performance.php
+++ b/salesmanagement/api/get_performance.php
@@ -50,9 +50,16 @@ try {
         $directContracts = $stmt->fetchAll(PDO::FETCH_ASSOC);
         
         $directSales = 0;
-        foreach ($directContracts as $c) {
+        $rate = 0;
+        if ($parentId == $targetUserId) $rate = 0.20;
+        else if ($depth == 1) $rate = 0.05;
+        else if ($depth == 2) $rate = 0.03;
+
+        foreach ($directContracts as &$c) {
+            $c['commission'] = $c['amount'] * $rate;
             $directSales += $c['amount'];
         }
+        unset($c);
 
         // 하위 멤버들 가져오기
         $stmt = $pdo->prepare("SELECT id FROM sales_member WHERE parent_id = ? AND is_active = 1");
@@ -63,12 +70,16 @@ try {
         $totalSales = $directSales;
         $totalContractCount = count($directContracts);
         
+        $commission = $directSales * $rate;
+        $subtreeCommission = $commission;
+
         foreach ($childrenIds as $childId) {
             $childNode = buildOrgTree($pdo, $childId, $depth + 1, $startDate, $endDate, $targetUserId);
             if ($childNode) {
                 $children[] = $childNode;
-                $totalSales += $childNode['totalSales_subtree'];
-                $totalContractCount += $childNode['contractCount_subtree'];
+                $totalSales += $childNode['totalSales'];
+                $totalContractCount += $childNode['contractCount'];
+                $subtreeCommission += $childNode['commission']; // Aggregate commissions
             }
         }
 
@@ -96,7 +107,8 @@ try {
             'directSales' => $directSales,
             'totalSales' => $totalSales,
             'contractCount' => $totalContractCount,
-            'commission' => $commission,
+            'directCommission' => $commission,
+            'commission' => $subtreeCommission,
             'contracts' => $directContracts,
             'children' => $children
         ];
@@ -130,9 +142,8 @@ try {
         $actualChildren = $rootNode['children'];
         $rootNode['children'] = array_merge([$directNode], $actualChildren);
         
-        // 중요: Root 노드 자체의 수당은 하위 '내 직접 판매'에서 합산되므로 0으로 설정하거나 isDirect를 false로 변경
+        // Root node should keep its aggregated commission as its primary commission value
         $rootNode['isDirect'] = false;
-        $rootNode['commission'] = 0;
     }
 
     // 전체 누적 실적 계산 (전체 기간)
diff --git a/salesmanagement/api/init_db.php b/salesmanagement/api/init_db.php
index 859d37f..07dcbe8 100644
--- a/salesmanagement/api/init_db.php
+++ b/salesmanagement/api/init_db.php
@@ -66,7 +66,7 @@ try {
     $check = $pdo->prepare("SELECT id FROM sales_member WHERE member_id = 'manager'");
     $check->execute();
     if (!$check->fetch()) {
-        $stmt = $pdo->prepare("INSERT INTO sales_member (member_id, password, name, role, parent_id) VALUES ('manager', 'manager', '일반매니저', 'manager', ?)");
+        $stmt = $pdo->prepare("INSERT INTO sales_member (member_id, password, name, role, parent_id) VALUES ('manager', 'manager', '매니저', 'manager', ?)");
         $stmt->execute([$sales_id]);
     }
     $manager_id = $pdo->lastInsertId() ?: 3;
diff --git a/salesmanagement/api/sales_members.php b/salesmanagement/api/sales_members.php
index faae792..f85a207 100644
--- a/salesmanagement/api/sales_members.php
+++ b/salesmanagement/api/sales_members.php
@@ -94,7 +94,7 @@ try {
                          return;
                     }
                     if ($member_id === 'manager' && $password === 'manager') {
-                         $pdo->prepare("INSERT IGNORE INTO sales_member (member_id, password, name, role) VALUES ('manager', 'manager', '일반매니저', 'manager')")->execute();
+                         $pdo->prepare("INSERT IGNORE INTO sales_member (member_id, password, name, role) VALUES ('manager', 'manager', '매니저', 'manager')")->execute();
                          $stmt = $pdo->prepare("SELECT * FROM sales_member WHERE member_id = 'manager'");
                          $stmt->execute();
                          $user = $stmt->fetch(PDO::FETCH_ASSOC);
diff --git a/salesmanagement/api/sales_tenants.php b/salesmanagement/api/sales_tenants.php
index 1204517..d2ae818 100644
--- a/salesmanagement/api/sales_tenants.php
+++ b/salesmanagement/api/sales_tenants.php
@@ -15,17 +15,137 @@ if (!isset($_SESSION['sales_user'])) {
 $currentUser = $_SESSION['sales_user'];
 $pdo = db_connect();
 
+// 테이블 자동 생성 (없을 경우)
+$pdo->exec("
+    CREATE TABLE IF NOT EXISTS `sales_tenants` (
+      `id` int(11) NOT NULL AUTO_INCREMENT,
+      `manager_id` int(11) NOT NULL COMMENT '영업한 영업관리자 ID',
+      `sales_manager_id` int(11) DEFAULT NULL COMMENT '매칭된 매니저 ID (영업관리자 본인 또는 별도 매니저)',
+      `tenant_name` varchar(200) NOT NULL,
+      `representative` varchar(100) DEFAULT NULL,
+      `business_no` varchar(20) DEFAULT NULL,
+      `contact_phone` varchar(20) DEFAULT NULL,
+      `email` varchar(100) DEFAULT NULL,
+      `address` varchar(500) DEFAULT NULL,
+      `created_at` timestamp DEFAULT CURRENT_TIMESTAMP,
+      `updated_at` timestamp DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+      PRIMARY KEY (`id`)
+    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+
+    CREATE TABLE IF NOT EXISTS `sales_tenant_products` (
+      `id` int(11) NOT NULL AUTO_INCREMENT,
+      `tenant_id` int(11) NOT NULL,
+      `product_name` varchar(200) NOT NULL,
+      `contract_amount` decimal(15,2) NOT NULL DEFAULT 0.00,
+      `commission_rate` decimal(5,2) NOT NULL DEFAULT 0.00,
+      `commission_amount` decimal(15,2) DEFAULT 0.00,
+      `contract_date` date DEFAULT NULL,
+      `operator_confirmed` tinyint(1) DEFAULT 0,
+      `sub_models` text DEFAULT NULL COMMENT '선택모델인 경우 모델 ID 목록 (JSON)',
+      `created_at` timestamp DEFAULT CURRENT_TIMESTAMP,
+      `updated_at` timestamp DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+      PRIMARY KEY (`id`),
+      KEY `idx_tenant_id` (`tenant_id`)
+    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+
+    CREATE TABLE IF NOT EXISTS `sales_tenant_scenarios` (
+      `id` int(11) NOT NULL AUTO_INCREMENT,
+      `tenant_id` int(11) NOT NULL,
+      `scenario_type` varchar(20) NOT NULL DEFAULT 'manager' COMMENT 'sales or manager',
+      `step_id` int(11) NOT NULL,
+      `checkpoint_index` int(11) NOT NULL,
+      `is_checked` tinyint(1) DEFAULT 0,
+      `updated_at` timestamp DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+      PRIMARY KEY (`id`),
+      UNIQUE KEY `idx_unique_step` (`tenant_id`, `scenario_type`, `step_id`, `checkpoint_index`)
+    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+
+    CREATE TABLE IF NOT EXISTS `sales_tenant_consultations` (
+      `id` int(11) NOT NULL AUTO_INCREMENT,
+      `tenant_id` int(11) NOT NULL,
+      `manager_id` int(11) NOT NULL,
+      `scenario_type` varchar(20) NOT NULL DEFAULT 'manager' COMMENT 'sales or manager',
+      `step_id` int(11) DEFAULT NULL,
+      `log_text` text NOT NULL,
+      `audio_file_path` varchar(500) DEFAULT NULL,
+      `attachment_paths` text DEFAULT NULL,
+      `consultation_type` varchar(20) DEFAULT 'text' COMMENT 'text, audio, file',
+      `created_at` timestamp DEFAULT CURRENT_TIMESTAMP,
+      PRIMARY KEY (`id`),
+      KEY `idx_tenant_id` (`tenant_id`)
+    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+");
+
+// --- DB Migration (기존 테이블 업데이트) ---
+try {
+    // 1. sales_tenant_scenarios 테이블에 scenario_type 컬럼 추가
+    $check = $pdo->query("SHOW COLUMNS FROM `sales_tenant_scenarios` LIKE 'scenario_type'")->fetch();
+    if (!$check) {
+        $pdo->exec("ALTER TABLE `sales_tenant_scenarios` ADD COLUMN `scenario_type` varchar(20) NOT NULL DEFAULT 'manager' AFTER `tenant_id` ");
+    }
+
+    // 2. sales_tenant_consultations 테이블에 scenario_type 컬럼 추가
+    $check2 = $pdo->query("SHOW COLUMNS FROM `sales_tenant_consultations` LIKE 'scenario_type'")->fetch();
+    if (!$check2) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `scenario_type` varchar(20) NOT NULL DEFAULT 'manager' AFTER `manager_id` ");
+    }
+
+    // 3. sales_tenant_scenarios 테이블의 유니크 키 업데이트 (scenario_type 포함)
+    // 인덱스 구성을 확인하여 scenario_type이 포함되어 있지 않으면 재구성
+    $indices = $pdo->query("SHOW INDEX FROM `sales_tenant_scenarios` WHERE Key_name = 'idx_unique_step'")->fetchAll();
+    $hasScenarioTypeInIndex = false;
+    foreach ($indices as $index) {
+        if ($index['Column_name'] === 'scenario_type') {
+            $hasScenarioTypeInIndex = true;
+            break;
+        }
+    }
+    if (!$hasScenarioTypeInIndex) {
+        try {
+            $pdo->exec("ALTER TABLE `sales_tenant_scenarios` DROP INDEX `idx_unique_step` ");
+        } catch (Exception $e) {}
+        $pdo->exec("ALTER TABLE `sales_tenant_scenarios` ADD UNIQUE KEY `idx_unique_step` (`tenant_id`, `scenario_type`, `step_id`, `checkpoint_index`) ");
+    }
+    // 4. sales_tenant_consultations 테이블에 오디오/첨부파일 컬럼 추가
+    $cols = $pdo->query("SHOW COLUMNS FROM `sales_tenant_consultations`")->fetchAll(PDO::FETCH_COLUMN);
+    if (!in_array('audio_file_path', $cols)) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `audio_file_path` varchar(500) DEFAULT NULL AFTER `log_text` ");
+    }
+    if (!in_array('attachment_paths', $cols)) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `attachment_paths` text DEFAULT NULL AFTER `audio_file_path` ");
+    }
+    if (!in_array('consultation_type', $cols)) {
+        $pdo->exec("ALTER TABLE `sales_tenant_consultations` ADD COLUMN `consultation_type` varchar(20) DEFAULT 'text' AFTER `attachment_paths` ");
+    }
+} catch (Exception $e) {
+    error_log("Migration error: " . $e->getMessage());
+}
+
 try {
     switch ($method) {
         case 'GET':
             if ($action === 'list_tenants') {
                 // 운영자는 모든 테넌트, 영업관리/매니저는 본인 소속 테넌트만
                 if ($currentUser['role'] === 'operator') {
-                    $stmt = $pdo->prepare("SELECT t.*, m.name as manager_name FROM sales_tenants t JOIN sales_member m ON t.manager_id = m.id ORDER BY t.created_at DESC");
+                    $stmt = $pdo->prepare("
+                        SELECT t.*, m.name as register_name, m2.name as manager_name, m2.role as manager_role 
+                        FROM sales_tenants t 
+                        JOIN sales_member m ON t.manager_id = m.id 
+                        LEFT JOIN sales_member m2 ON t.sales_manager_id = m2.id
+                        ORDER BY t.created_at DESC
+                    ");
                     $stmt->execute();
                 } else {
-                    $stmt = $pdo->prepare("SELECT * FROM sales_tenants WHERE manager_id = ? ORDER BY created_at DESC");
-                    $stmt->execute([$currentUser['id']]);
+                    // 내가 영업했거나, 내가 매니저로 배정된 테넌트
+                    $stmt = $pdo->prepare("
+                        SELECT t.*, m.name as register_name, m2.name as manager_name, m2.role as manager_role 
+                        FROM sales_tenants t
+                        JOIN sales_member m ON t.manager_id = m.id
+                        LEFT JOIN sales_member m2 ON t.sales_manager_id = m2.id
+                        WHERE t.manager_id = ? OR t.sales_manager_id = ?
+                        ORDER BY t.created_at DESC
+                    ");
+                    $stmt->execute([$currentUser['id'], $currentUser['id']]);
                 }
                 $tenants = $stmt->fetchAll(PDO::FETCH_ASSOC);
                 echo json_encode(['success' => true, 'data' => $tenants]);
@@ -54,11 +174,52 @@ try {
                 $stmt->execute([$currentUser['id']]);
                 $stats = $stmt->fetch(PDO::FETCH_ASSOC);
                 echo json_encode(['success' => true, 'data' => $stats]);
+            } elseif ($action === 'get_scenario') {
+                $tenant_id = $_GET['tenant_id'] ?? null;
+                $scenario_type = $_GET['scenario_type'] ?? 'manager';
+                if (!$tenant_id) throw new Exception("테넌트 ID가 필요합니다.");
+                
+                $stmt = $pdo->prepare("SELECT * FROM sales_tenant_scenarios WHERE tenant_id = ? AND scenario_type = ?");
+                $stmt->execute([$tenant_id, $scenario_type]);
+                $results = $stmt->fetchAll(PDO::FETCH_ASSOC);
+                
+                echo json_encode(['success' => true, 'data' => $results]);
+
+            } elseif ($action === 'get_consultations') {
+                $tenant_id = $_GET['tenant_id'] ?? null;
+                $scenario_type = $_GET['scenario_type'] ?? 'manager';
+                $step_id = $_GET['step_id'] ?? null;
+                if (!$tenant_id) throw new Exception("테넌트 ID가 필요합니다.");
+                
+                $sql = "SELECT * FROM sales_tenant_consultations WHERE tenant_id = ? AND scenario_type = ?";
+                $params = [$tenant_id, $scenario_type];
+                if ($step_id) {
+                    $sql .= " AND step_id = ?";
+                    $params[] = $step_id;
+                }
+                $sql .= " ORDER BY created_at DESC";
+                
+                $stmt = $pdo->prepare($sql);
+                $stmt->execute($params);
+                $results = $stmt->fetchAll(PDO::FETCH_ASSOC);
+                
+                echo json_encode(['success' => true, 'data' => $results]);
+            } elseif ($action === 'list_managers') {
+                // 매니저로 매칭 가능한 사람 목록 (영업관리 또는 매니저 직급)
+                $stmt = $pdo->prepare("SELECT id, name, role, member_id FROM sales_member WHERE role IN ('영업관리', '매니저') AND is_active = 1 ORDER BY name ASC");
+                $stmt->execute();
+                $managers = $stmt->fetchAll(PDO::FETCH_ASSOC);
+                echo json_encode(['success' => true, 'data' => $managers]);
             }
             break;
 
         case 'POST':
-            $data = json_decode(file_get_contents('php://input'), true);
+            // multipart/form-data인 경우 $_POST 사용, 아니면 JSON 입력 사용
+            if (empty($_POST)) {
+                $data = json_decode(file_get_contents('php://input'), true);
+            } else {
+                $data = $_POST;
+            }
             
             if ($action === 'create_tenant') {
                 $tenant_name = $data['tenant_name'] ?? '';
@@ -67,11 +228,12 @@ try {
                 $contact_phone = $data['contact_phone'] ?? '';
                 $email = $data['email'] ?? '';
                 $address = $data['address'] ?? '';
+                $sales_manager_id = $data['sales_manager_id'] ?? $currentUser['id']; // 지정 안하면 본인
                 
                 if (!$tenant_name) throw new Exception("업체명은 필수입니다.");
                 
-                $stmt = $pdo->prepare("INSERT INTO sales_tenants (manager_id, tenant_name, representative, business_no, contact_phone, email, address) VALUES (?, ?, ?, ?, ?, ?, ?)");
-                $stmt->execute([$currentUser['id'], $tenant_name, $representative, $business_no, $contact_phone, $email, $address]);
+                $stmt = $pdo->prepare("INSERT INTO sales_tenants (manager_id, sales_manager_id, tenant_name, representative, business_no, contact_phone, email, address) VALUES (?, ?, ?, ?, ?, ?, ?, ?)");
+                $stmt->execute([$currentUser['id'], $sales_manager_id, $tenant_name, $representative, $business_no, $contact_phone, $email, $address]);
                 
                 echo json_encode(['success' => true, 'id' => $pdo->lastInsertId(), 'message' => '테넌트가 등록되었습니다.']);
 
@@ -81,11 +243,14 @@ try {
                 $contract_amount = $data['contract_amount'] ?? 0;
                 $commission_rate = $data['commission_rate'] ?? 0;
                 $contract_date = $data['contract_date'] ?? date('Y-m-d');
+                $sub_models = isset($data['sub_models']) ? json_encode($data['sub_models']) : null;
                 
                 if (!$tenant_id || !$product_name) throw new Exception("필수 정보가 누락되었습니다.");
                 
-                $stmt = $pdo->prepare("INSERT INTO sales_tenant_products (tenant_id, product_name, contract_amount, commission_rate, contract_date) VALUES (?, ?, ?, ?, ?)");
-                $stmt->execute([$tenant_id, $product_name, $contract_amount, $commission_rate, $contract_date]);
+                $commission_amount = ($contract_amount * $commission_rate) / 100;
+                
+                $stmt = $pdo->prepare("INSERT INTO sales_tenant_products (tenant_id, product_name, contract_amount, commission_rate, commission_amount, contract_date, sub_models) VALUES (?, ?, ?, ?, ?, ?, ?)");
+                $stmt->execute([$tenant_id, $product_name, $contract_amount, $commission_rate, $commission_amount, $contract_date, $sub_models]);
                 
                 echo json_encode(['success' => true, 'message' => '상품 계약 정보가 등록되었습니다.']);
 
@@ -101,9 +266,174 @@ try {
                 $stmt->execute([$confirmed, $product_id]);
                 
                 echo json_encode(['success' => true, 'message' => $confirmed ? '승인되었습니다.' : '승인이 취소되었습니다.']);
+            } elseif ($action === 'update_checklist') {
+                $tenant_id = $data['tenant_id'] ?? null;
+                $scenario_type = $data['scenario_type'] ?? 'manager';
+                $step_id = $data['step_id'] ?? null;
+                $checkpoint_index = $data['checkpoint_index'] ?? null;
+                $is_checked = $data['is_checked'] ? 1 : 0;
+                
+                if (!$tenant_id || $step_id === null || $checkpoint_index === null) throw new Exception("필수 파라미터가 누락되었습니다.");
+                
+                $stmt = $pdo->prepare("
+                    INSERT INTO sales_tenant_scenarios (tenant_id, scenario_type, step_id, checkpoint_index, is_checked) 
+                    VALUES (?, ?, ?, ?, ?)
+                    ON DUPLICATE KEY UPDATE is_checked = VALUES(is_checked)
+                ");
+                $stmt->execute([$tenant_id, $scenario_type, $step_id, $checkpoint_index, $is_checked]);
+                
+                echo json_encode(['success' => true]);
+
+            } elseif ($action === 'save_consultation') {
+                $tenant_id = $data['tenant_id'] ?? null;
+                $scenario_type = $data['scenario_type'] ?? 'manager';
+                $step_id = $data['step_id'] ?? null;
+                $log_text = $data['log_text'] ?? '';
+                $consultation_type = $data['consultation_type'] ?? 'text';
+                $audio_file_path = null;
+                
+                if (!$tenant_id || !$step_id) throw new Exception("필수 정보가 누락되었습니다.");
+                
+                // 오디오 파일 업로드 처리
+                if ($consultation_type === 'audio' && isset($_FILES['audio_file'])) {
+                    $upload_dir = __DIR__ . "/../uploads/consultations/" . $tenant_id . "/";
+                    if (!file_exists($upload_dir)) mkdir($upload_dir, 0777, true);
+                    
+                    $file_ext = pathinfo($_FILES['audio_file']['name'], PATHINFO_EXTENSION) ?: 'webm';
+                    $file_name = "audio_" . date('Ymd_His') . "_" . uniqid() . "." . $file_ext;
+                    $audio_file_path = "uploads/consultations/" . $tenant_id . "/" . $file_name;
+                    
+                    if (!move_uploaded_file($_FILES['audio_file']['tmp_name'], __DIR__ . "/../" . $audio_file_path)) {
+                        throw new Exception("오디오 파일 저장 실패");
+                    }
+                }
+                
+                $stmt = $pdo->prepare("INSERT INTO sales_tenant_consultations (tenant_id, manager_id, scenario_type, step_id, log_text, audio_file_path, consultation_type) VALUES (?, ?, ?, ?, ?, ?, ?)");
+                $stmt->execute([$tenant_id, $currentUser['id'], $scenario_type, $step_id, $log_text, $audio_file_path, $consultation_type]);
+                
+                echo json_encode(['success' => true, 'message' => '기록이 저장되었습니다.']);
+            } elseif ($action === 'upload_attachments') {
+                $tenant_id = $data['tenant_id'] ?? null;
+                $scenario_type = $data['scenario_type'] ?? 'manager';
+                $step_id = $data['step_id'] ?? null;
+                
+                if (!$tenant_id || !$step_id || !isset($_FILES['files'])) throw new Exception("필수 정보가 누락되었습니다.");
+                
+                $upload_dir = __DIR__ . "/../uploads/attachments/" . $tenant_id . "/";
+                if (!file_exists($upload_dir)) mkdir($upload_dir, 0777, true);
+                
+                $saved_paths = [];
+                $files = $_FILES['files'];
+                $count = is_array($files['name']) ? count($files['name']) : 1;
+                
+                for ($i = 0; $i < $count; $i++) {
+                    $tmp_name = is_array($files['tmp_name']) ? $files['tmp_name'][$i] : $files['tmp_name'];
+                    $name = is_array($files['name']) ? $files['name'][$i] : $files['name'];
+                    
+                    if (is_uploaded_file($tmp_name)) {
+                        $file_name = date('Ymd_His') . "_" . uniqid() . "_" . $name;
+                        $save_path = "uploads/attachments/" . $tenant_id . "/" . $file_name;
+                        if (move_uploaded_file($tmp_name, __DIR__ . "/../" . $save_path)) {
+                            $saved_paths[] = [
+                                'name' => $name,
+                                'path' => $save_path,
+                                'size' => is_array($files['size']) ? $files['size'][$i] : $files['size']
+                            ];
+                        }
+                    }
+                }
+                
+                if (empty($saved_paths)) throw new Exception("저장된 파일이 없습니다.");
+                
+                $stmt = $pdo->prepare("INSERT INTO sales_tenant_consultations (tenant_id, manager_id, scenario_type, step_id, log_text, attachment_paths, consultation_type) VALUES (?, ?, ?, ?, ?, ?, ?)");
+                $stmt->execute([$tenant_id, $currentUser['id'], $scenario_type, $step_id, '첨부파일 업로드', json_encode($saved_paths, JSON_UNESCAPED_UNICODE), 'file']);
+                
+                echo json_encode(['success' => true, 'message' => '파일이 업로드되었습니다.']);
+            } elseif ($action === 'delete_consultation') {
+                $id = $data['id'] ?? null;
+                if (!$id) throw new Exception("ID가 누락되었습니다.");
+                
+                // 파일 삭제를 위해 정보 조회
+                $stmt = $pdo->prepare("SELECT audio_file_path, attachment_paths FROM sales_tenant_consultations WHERE id = ?");
+                $stmt->execute([$id]);
+                $c = $stmt->fetch(PDO::FETCH_ASSOC);
+                
+                if ($c) {
+                    if ($c['audio_file_path'] && file_exists(__DIR__ . "/../" . $c['audio_file_path'])) {
+                        @unlink(__DIR__ . "/../" . $c['audio_file_path']);
+                    }
+                    if ($c['attachment_paths']) {
+                        $paths = json_decode($c['attachment_paths'], true);
+                        if (is_array($paths)) {
+                            foreach ($paths as $p) {
+                                if (isset($p['path']) && file_exists(__DIR__ . "/../" . $p['path'])) {
+                                    @unlink(__DIR__ . "/../" . $p['path']);
+                                }
+                            }
+                        }
+                    }
+                }
+                
+                $stmt = $pdo->prepare("DELETE FROM sales_tenant_consultations WHERE id = ?");
+                $stmt->execute([$id]);
+                echo json_encode(['success' => true, 'message' => '성공적으로 삭제되었습니다.']);
+            } elseif ($action === 'delete_product') {
+                $product_id = $data['id'] ?? null;
+                if (!$product_id) throw new Exception("ID가 누락되었습니다.");
+                
+                // 승인되지 않은 것만 삭제 가능하도록 보안 체크 (영업관리자 관점)
+                $stmt = $pdo->prepare("SELECT operator_confirmed FROM sales_tenant_products WHERE id = ?");
+                $stmt->execute([$product_id]);
+                $p = $stmt->fetch(PDO::FETCH_ASSOC);
+                
+                if (!$p) throw new Exception("해당 정보를 찾을 수 없습니다.");
+                if ($p['operator_confirmed'] == 1) throw new Exception("이미 승인된 계약은 삭제할 수 없습니다.");
+                
+                $stmt = $pdo->prepare("DELETE FROM sales_tenant_products WHERE id = ?");
+                $stmt->execute([$product_id]);
+                
+                echo json_encode(['success' => true, 'message' => '성공적으로 삭제되었습니다.']);
+            } elseif ($action === 'update_tenant_manager') {
+                $tenant_id = isset($data['tenant_id']) ? intval($data['tenant_id']) : null;
+                $sales_manager_id = isset($data['sales_manager_id']) ? $data['sales_manager_id'] : null;
+                
+                if (!$tenant_id) throw new Exception("테넌트 ID가 누락되었습니다.");
+                
+                // manager_id가 0이거나 empty면 null로 처리 (지정 취소)
+                $manager_val = (!empty($sales_manager_id)) ? intval($sales_manager_id) : null;
+                
+                $stmt = $pdo->prepare("UPDATE sales_tenants SET sales_manager_id = ? WHERE id = ?");
+                $stmt->execute([$manager_val, $tenant_id]);
+                
+                echo json_encode(['success' => true, 'message' => $manager_val ? '담당 매니저가 지정되었습니다.' : '담당 매니저 지정이 취소되었습니다.']);
+            } elseif ($action === 'update_product') {
+                $product_id = $data['id'] ?? null;
+                $product_name = $data['product_name'] ?? '';
+                $contract_amount = $data['contract_amount'] ?? 0;
+                $commission_rate = $data['commission_rate'] ?? 0;
+                $contract_date = $data['contract_date'] ?? date('Y-m-d');
+                $sub_models = isset($data['sub_models']) ? json_encode($data['sub_models']) : null;
+                
+                if (!$product_id || !$product_name) throw new Exception("필수 정보가 누락되었습니다.");
+                
+                // 보안 체크: 승인된 것은 수정 불가
+                $stmt = $pdo->prepare("SELECT operator_confirmed FROM sales_tenant_products WHERE id = ?");
+                $stmt->execute([$product_id]);
+                $p = $stmt->fetch(PDO::FETCH_ASSOC);
+                
+                if (!$p) throw new Exception("해당 정보를 찾을 수 없습니다.");
+                if ($p['operator_confirmed'] == 1) throw new Exception("이미 승인된 계약은 수정할 수 없습니다.");
+                
+                $commission_amount = ($contract_amount * $commission_rate) / 100;
+                
+                $stmt = $pdo->prepare("UPDATE sales_tenant_products SET product_name = ?, contract_amount = ?, commission_rate = ?, commission_amount = ?, contract_date = ?, sub_models = ? WHERE id = ?");
+                $stmt->execute([$product_name, $contract_amount, $commission_rate, $commission_amount, $contract_date, $sub_models, $product_id]);
+                
+                echo json_encode(['success' => true, 'message' => '계약 정보가 수정되었습니다.']);
             }
             break;
     }
 } catch (Exception $e) {
     echo json_encode(['success' => false, 'error' => $e->getMessage()]);
 }
+?>
diff --git a/salesmanagement/index.php b/salesmanagement/index.php
index f071172..ae5ea6c 100644
--- a/salesmanagement/index.php
+++ b/salesmanagement/index.php
@@ -240,6 +240,29 @@
                 remarks: ''
             });
 
+            const fillRandomOperatorData = () => {
+                const sampleNames = ['성시경', '아이유', '조세호', '양세형', '박나래', '장도연', '유재석', '하하', '지석진', '김광석', '이문세', '이선희', '조용필'];
+                const sampleIds = ['agent_k', 'team_alpha', 'pro_sales', 'top_tier', 'gold_star', 'sky_line', 'ace_manager', 'super_star'];
+                
+                const randomItem = (arr) => arr[Math.floor(Math.random() * arr.length)];
+                const randomNum = (len) => Array.from({length: len}, () => Math.floor(Math.random() * 10)).join('');
+
+                const name = randomItem(sampleNames);
+                const idSuffix = randomNum(3);
+                
+                setFormData({
+                    ...formData,
+                    member_id: randomItem(sampleIds) + idSuffix,
+                    password: 'password123',
+                    name: name,
+                    phone: formatPhone('010' + randomNum(8)),
+                    email: `sales_${randomNum(4)}@example.com`,
+                    remarks: '운영자 생성 샘플 데이터'
+                });
+                setIsIdChecked(true);
+                setIdCheckMessage('신규 등록 시 아이디 중복 확인 권장');
+            };
+
             useEffect(() => {
                 fetchMembers();
             }, []);
@@ -587,6 +610,17 @@
                                                 <LucideIcon name={editingMember ? "user-cog" : "user-plus"} className="w-6 h-6" />
                                             </div>
                                             {editingMember ? '정보 수정' : '신규 회원 등록'}
+                                            {!editingMember && (
+                                                <button 
+                                                    type="button"
+                                                    onClick={fillRandomOperatorData}
+                                                    className="p-2 bg-amber-50 text-amber-600 rounded-xl hover:bg-amber-100 transition-all border border-amber-200 group relative ml-1 shadow-sm"
+                                                    title="샘플 데이터 자동 입력"
+                                                >
+                                                    <LucideIcon name="zap" className="w-4 h-4" />
+                                                    <span className="absolute -top-12 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-[10px] px-3 py-1.5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50 shadow-2xl">랜덤 데이터 채우기</span>
+                                                </button>
+                                            )}
                                         </h3>
                                         <button type="button" onClick={() => setIsModalOpen(false)} className="p-2 hover:bg-slate-200 rounded-full transition-colors text-slate-400">
                                             <LucideIcon name="x" className="w-6 h-6" />
@@ -1396,19 +1430,12 @@
 
 
         // --- NEW: Login View Component ---
-        const LoginView = ({ onLoginSuccess, selectedRole }) => {
+        const LoginView = ({ onLoginSuccess }) => {
             const [memberId, setMemberId] = useState('');
             const [password, setPassword] = useState('');
             const [error, setError] = useState('');
             const [loading, setLoading] = useState(false);
 
-            useEffect(() => {
-                if (selectedRole === '운영자') { setMemberId('admin'); setPassword('admin'); }
-                else if (selectedRole === '영업관리') { setMemberId('sales'); setPassword('sales'); }
-                else if (selectedRole === '매니저') { setMemberId('manager'); setPassword('manager'); }
-                else { setMemberId(''); setPassword(''); }
-            }, [selectedRole]);
-
             const handleLogin = async (e) => {
                 e.preventDefault();
                 setLoading(true);
@@ -1422,13 +1449,12 @@
                     const data = await res.json();
                     if (data.success) {
                         if (data.message && !data.user) {
-                            alert(data.message); // Admin/Manager creation notice (requiring manual re-login)
+                            alert(data.message); // Admin/Manager creation notice
                         } else {
-                            if (data.message) console.log(data.message);
                             onLoginSuccess(data.user);
                         }
                     } else {
-                        setError(data.error || '로그인에 실패했습니다.');
+                        setError(data.error || '아이디 또는 비밀번호가 일치하지 않습니다.');
                     }
                 } catch (err) {
                     setError('서버 통신 오류가 발생했습니다.');
@@ -1441,39 +1467,40 @@
                 <div className="min-h-[calc(100vh-64px)] flex items-center justify-center p-4">
                     <div className="max-w-md w-full bg-white rounded-2xl shadow-xl border border-slate-100 p-8">
                         <div className="text-center mb-8">
-                            <div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
-                                <LucideIcon name="lock" className="w-8 h-8 text-blue-600" />
+                            <div className="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mx-auto mb-4 text-white shadow-lg shadow-blue-100">
+                                <LucideIcon name="lock" className="w-8 h-8" />
                             </div>
-                            <h2 className="text-2xl font-bold text-slate-900">영업관리 로그인</h2>
-                            <p className="text-slate-500 mt-2 font-medium">[{selectedRole}] 접근 권한이 필요합니다.</p>
+                            <h2 className="text-3xl font-black text-slate-900 tracking-tight">영업관리 통합 로그인</h2>
+                            <p className="text-slate-500 mt-2 font-medium">서비스 이용을 위해 로그인해주세요.</p>
                         </div>
 
                         <form onSubmit={handleLogin} className="space-y-6">
                             <div>
-                                <label className="block text-sm font-medium text-slate-700 mb-1">아이디</label>
+                                <label className="block text-xs font-black text-slate-500 uppercase tracking-wider mb-1.5 ml-1">아이디</label>
                                 <input
                                     type="text"
                                     required
                                     value={memberId}
                                     onChange={(e) => setMemberId(e.target.value)}
-                                    className="w-full px-4 py-2 bg-slate-50 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition-all"
+                                    className="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:bg-white outline-none transition-all font-medium"
                                     placeholder="아이디를 입력하세요"
                                 />
                             </div>
                             <div>
-                                <label className="block text-sm font-medium text-slate-700 mb-1">비밀번호</label>
+                                <label className="block text-xs font-black text-slate-500 uppercase tracking-wider mb-1.5 ml-1">비밀번호</label>
                                 <input
                                     type="password"
                                     required
                                     value={password}
                                     onChange={(e) => setPassword(e.target.value)}
-                                    className="w-full px-4 py-2 bg-slate-50 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition-all"
+                                    className="w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:bg-white outline-none transition-all font-medium"
                                     placeholder="비밀번호를 입력하세요"
                                 />
                             </div>
 
                             {error && (
-                                <div className="p-3 bg-red-50 border border-red-100 rounded-lg text-sm text-red-600 font-medium">
+                                <div className="p-4 bg-red-50 border border-red-100 rounded-xl text-sm text-red-600 font-bold flex items-center gap-2 animate-shake">
+                                    <LucideIcon name="alert-circle" className="w-4 h-4" />
                                     {error}
                                 </div>
                             )}
@@ -1481,19 +1508,35 @@
                             <button
                                 type="submit"
                                 disabled={loading}
-                                className="w-full py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-bold shadow-lg shadow-blue-200 transition-all transform active:scale-[0.98] disabled:opacity-50"
+                                className="w-full py-4 bg-blue-600 hover:bg-blue-700 text-white rounded-xl font-bold shadow-xl shadow-blue-200 transition-all transform active:scale-[0.98] disabled:opacity-50 flex items-center justify-center gap-2 text-lg"
                             >
-                                {loading ? '로그인 중...' : '로그인'}
+                                {loading ? (
+                                    <div className="w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin"></div>
+                                ) : (
+                                    <>
+                                        <LucideIcon name="log-in" className="w-5 h-5" />
+                                        로그인
+                                    </>
+                                )}
                             </button>
                         </form>
                         
-                        <div className="mt-8 pt-6 border-t border-slate-100 text-center">
-                            <p className="text-xs text-slate-400 font-medium">
-                                테스트 계정: <br/>
-                                운영자: admin / admin <br/>
-                                영업관리: sales / sales <br/>
-                                매니저: manager / manager
-                            </p>
+                        <div className="mt-10 pt-8 border-t border-slate-100">
+                            <h4 className="text-[10px] font-black text-slate-400 uppercase tracking-widest text-center mb-4">테스트용 계정 정보</h4>
+                            <div className="grid grid-cols-1 gap-2">
+                                <div className="flex items-center justify-between p-2 bg-slate-50 rounded-lg border border-slate-100">
+                                    <span className="text-xs font-bold text-slate-500">운영자</span>
+                                    <span className="text-xs font-mono text-slate-600">admin / admin</span>
+                                </div>
+                                <div className="flex items-center justify-between p-2 bg-slate-50 rounded-lg border border-slate-100">
+                                    <span className="text-xs font-bold text-slate-500">영업관리</span>
+                                    <span className="text-xs font-mono text-slate-600">sales / sales</span>
+                                </div>
+                                <div className="flex items-center justify-between p-2 bg-slate-50 rounded-lg border border-slate-100">
+                                    <span className="text-xs font-bold text-slate-500">매니저</span>
+                                    <span className="text-xs font-mono text-slate-600">manager / manager</span>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -1521,6 +1564,28 @@
                 remarks: ''
             });
 
+            const fillRandomManagerData = () => {
+                const sampleNames = ['한효주', '공유', '이동욱', '김고은', '신세경', '박서준', '김수현', '수지', '남주혁'];
+                const sampleIds = ['sales_pro', 'mkt_king', 'deal_maker', 'win_win', 'growth_lab', 'biz_hero'];
+                
+                const randomItem = (arr) => arr[Math.floor(Math.random() * arr.length)];
+                const randomNum = (len) => Array.from({length: len}, () => Math.floor(Math.random() * 10)).join('');
+
+                const name = randomItem(sampleNames);
+                const idSuffix = randomNum(3);
+                
+                setFormData({
+                    member_id: randomItem(sampleIds) + idSuffix,
+                    password: 'password123',
+                    name: name,
+                    phone: formatPhone('010' + randomNum(8)),
+                    email: `manager_${randomNum(4)}@example.com`,
+                    remarks: '영업관리 앱 생성 샘플 데이터'
+                });
+                setIsIdChecked(true);
+                setIdCheckMessage('신규 등록 시 아이디 중복 확인 권장');
+            };
+
             useEffect(() => {
                 if (currentUser) {
                     fetchMembers();
@@ -1726,6 +1791,17 @@
                                         <h3 className="text-xl font-bold text-slate-900 flex items-center gap-2">
                                             <LucideIcon name={editingMember ? "edit" : "user-plus"} className="w-5 h-5 text-blue-600" />
                                             {editingMember ? '담당자 정보 수정' : '신규 담당자 등록'}
+                                            {!editingMember && (
+                                                <button 
+                                                    type="button"
+                                                    onClick={fillRandomManagerData}
+                                                    className="ml-2 p-1.5 bg-amber-50 text-amber-600 rounded-lg hover:bg-amber-100 transition-all border border-amber-200 group relative"
+                                                    title="샘플 데이터 자동 입력"
+                                                >
+                                                    <LucideIcon name="zap" className="w-3.5 h-3.5" />
+                                                    <span className="absolute -top-10 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-[10px] px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50 shadow-xl">랜덤 데이터 채우기</span>
+                                                </button>
+                                            )}
                                         </h3>
                                         <button type="button" onClick={() => setIsModalOpen(false)} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
                                             <LucideIcon name="x" className="w-5 h-5 text-slate-500" />
@@ -1863,28 +1939,972 @@
             );
         };
 
+        // --- Data: Sales Scenario Steps (영업관리용) ---
+        const SALES_SCENARIO_STEPS = [
+            { id: 1, title: "사전 준비", subtitle: "Preparation", icon: "search", color: "bg-blue-100 text-blue-600", description: "고객사를 만나기 전, 철저한 분석을 통해 성공 확률을 높이는 단계입니다.", checkpoints: [
+                { title: "고객사 심층 분석", detail: "홈페이지, 뉴스 등을 통해 이슈와 비전을 파악하세요.", pro_tip: "직원들의 불만 사항을 미리 파악하면 미팅 시 강력한 무기가 됩니다." },
+                { title: "재무 건전성 확인", detail: "매출액, 영업이익 추이를 확인하고 IT 투자 여력을 가늠해보세요.", pro_tip: "성장 추세라면 '확장성'과 '관리 효율'을 강조하세요." },
+                { title: "경쟁사 및 시장 동향", detail: "핵심 기능에 집중하여 도입 속도가 빠르다는 점을 정리하세요.", pro_tip: "경쟁사를 비방하기보다 차별화된 가치를 제시하세요." },
+                { title: "가설 수립 (Hypothesis)", detail: "구체적인 페인포인트 가설을 세우고 질문을 준비하세요.", pro_tip: "'만약 ~하다면' 화법으로 고객의 'Yes'를 유도하세요." }
+            ]},
+            { id: 2, title: "접근 및 탐색", subtitle: "Approach", icon: "phone-call", color: "bg-indigo-100 text-indigo-600", description: "담당자와의 첫 접점을 만들고, 미팅 기회를 확보하는 단계입니다.", checkpoints: [
+                { title: "Key-man 식별 및 컨택", detail: "실무 책임자(팀장급)와 의사결정권자(임원급) 라인을 파악하세요.", pro_tip: "전달드릴 자료가 있다고 하여 Gatekeeper를 통과하세요." },
+                { title: "맞춤형 콜드메일/콜", detail: "사전 조사 내용을 바탕으로 해결 방안을 제안하세요.", pro_tip: "제목에 고객사 이름을 넣어 클릭률을 높이세요." },
+                { title: "미팅 일정 확정", detail: "인사이트 공유를 목적으로 미팅을 제안하세요.", pro_tip: "두 가지 시간대를 제시하여 양자택일을 유도하세요." }
+            ]},
+            { id: 3, title: "현장 진단", subtitle: "Diagnosis", icon: "stethoscope", color: "bg-purple-100 text-purple-600", description: "고객의 업무 현장을 직접 확인하고 진짜 문제를 찾아내는 단계입니다.", checkpoints: [
+                { title: "AS-IS 프로세스 맵핑", detail: "고객과 함께 업무 흐름도를 그리며 병목을 찾으세요.", pro_tip: "고객 스스로 문제를 깨닫게 하는 것이 가장 효과적입니다." },
+                { title: "비효율/리스크 식별", detail: "데이터 누락, 중복 입력 등 리스크를 수치화하세요.", pro_tip: "불편함을 시간과 비용으로 환산하여 설명하세요." },
+                { title: "To-Be 이미지 스케치", detail: "도입 후 업무가 어떻게 간소화될지 시각화하세요.", pro_tip: "비포/애프터의 극명한 차이를 보여주세요." }
+            ]},
+            { id: 4, title: "솔루션 제안", subtitle: "Proposal", icon: "presentation", color: "bg-pink-100 text-pink-600", description: "SAM을 통해 고객의 문제를 어떻게 해결할 수 있는지 증명하는 단계입니다.", checkpoints: [
+                { title: "맞춤형 데모 시연", detail: "핵심 기능을 위주로 고객사 데이터를 넣어 시연하세요.", pro_tip: "고객사 로고를 넣어 '이미 우리 것'이라는 느낌을 주세요." },
+                { title: "ROI 분석 보고서", detail: "비용 대비 절감 가능한 수치를 산출하여 증명하세요.", pro_tip: "보수적인 ROI가 훨씬 더 높은 신뢰를 줍니다." },
+                { title: "단계별 도입 로드맵", detail: "부담을 줄이기 위해 단계적 확산 방안을 제시하세요.", pro_tip: "1단계는 핵심 문제 해결에만 집중하세요." }
+            ]},
+            { id: 5, title: "협상 및 조율", subtitle: "Negotiation", icon: "scale", color: "bg-orange-100 text-orange-600", description: "도입을 가로막는 장애물을 제거하고 조건을 합의하는 단계입니다.", checkpoints: [
+                { title: "가격/조건 협상", detail: "할인 대신 범위나 기간 조정 등으로 합의하세요.", pro_tip: "Give & Take 원칙을 지키며 기대를 관리하세요." },
+                { title: "의사결정권자 설득", detail: "CEO/CFO의 관심사에 맞는 보고용 장표를 제공하세요.", pro_tip: "실무자가 내부 보고 사업을 잘하게 돕는 것이 핵심입니다." }
+            ]},
+            { id: 6, title: "계약 체결", subtitle: "Closing", icon: "pen-tool", color: "bg-green-100 text-green-600", description: "공식적인 파트너십을 맺고 법적 효력을 발생시키는 단계입니다.", checkpoints: [
+                { title: "계약서 날인 및 교부", detail: "전자계약 등을 통해 체결 시간을 단축하세요.", pro_tip: "원본은 항상 안전하게 보관하고 백업하세요." },
+                { title: "세금계산서 발행", detail: "정확한 수금 일정을 확인하고 발행하세요.", pro_tip: "가입비 입금이 완료되어야 다음 단계가 시작됩니다." },
+                { title: "계약 완료 (확정)", detail: "축하 인사를 전하고 후속 지원 일정을 잡으세요.", pro_tip: "계약은 진정한 서비스의 시작임을 강조하세요." }
+            ]}
+        ];
+
+        // --- Data: Manager Scenario Steps (매니저용/프로젝트관리) ---
+        // --- Data: Manager Scenario Steps (매니저용/프로젝트관리) ---
+        const MANAGER_SCENARIO_STEPS = [
+            { id: 1, title: "영업 이관", subtitle: "Handover", icon: "file-input", color: "bg-blue-100 text-blue-600", description: "영업팀으로부터 고객 정보를 전달받고, 프로젝트의 배경과 핵심 요구사항을 파악하는 단계입니다.", checkpoints: [
+                { title: "영업 히스토리 리뷰", detail: "영업 담당자가 작성한 미팅록, 고객의 페인포인트, 예산 범위, 예상 일정 등을 꼼꼼히 확인하세요.", pro_tip: "영업 담당자에게 '고객이 가장 꽂힌 포인트'가 무엇인지 꼭 물어보세요. 그게 프로젝트의 CSF입니다." },
+                { title: "고객사 기본 정보 파악", detail: "고객사의 업종, 규모, 주요 경쟁사 등을 파악하여 커뮤니케이션 톤앤매너를 준비하세요.", pro_tip: "IT 지식이 부족한 고객이라면 전문 용어 사용을 자제하고 쉬운 비유를 준비해야 합니다." },
+                { title: "RFP/요구사항 문서 분석", detail: "고객이 전달한 요구사항 문서(RFP 등)가 있다면 기술적으로 실현 가능한지 1차 검토하세요.", pro_tip: "모호한 문장을 찾아내어 구체적인 수치나 기능으로 정의할 준비를 하세요." },
+                { title: "내부 킥오프 (영업-매니저)", detail: "영업팀과 함께 프로젝트의 리스크 요인(까다로운 담당자 등)을 사전에 공유받으세요.", pro_tip: "영업 단계에서 '무리하게 약속한 기능'이 있는지 반드시 체크해야 합니다." }
+            ], tips: "잘못된 시작은 엉뚱한 결말을 낳습니다. 영업팀의 약속을 검증하세요." },
+            { id: 2, title: "요구사항 파악", subtitle: "Requirements", icon: "search", color: "bg-indigo-100 text-indigo-600", description: "고객과 직접 만나 구체적인 니즈를 청취하고, 숨겨진 요구사항까지 발굴하는 단계입니다.", checkpoints: [
+                { title: "고객 인터뷰 및 실사", detail: "현업 담당자를 만나 실제 업무 프로세스를 확인하고 시스템이 필요한 진짜 이유를 찾으세요.", pro_tip: "'왜 이 기능이 필요하세요?'라고 3번 물어보세요(5 Whys). 목적을 찾아야 합니다." },
+                { title: "요구사항 구체화 (Scope)", detail: "고객의 요구사항을 기능 단위로 쪼개고 우선순위(Must/Should/Could)를 매기세요.", pro_tip: "'오픈 시점에 반드시 필요한 기능'과 '추후 고도화할 기능'을 명확히 구분해 주세요." },
+                { title: "제약 사항 확인", detail: "예산, 일정, 레거시 시스템 연동, 보안 규정 등 프로젝트의 제약 조건을 명확히 하세요.", pro_tip: "특히 '데이터 이관' 이슈를 조심하세요. 엑셀 데이터가 엉망인 경우가 태반입니다." },
+                { title: "유사 레퍼런스 제시", detail: "비슷한 고민을 했던 다른 고객사의 해결 사례를 보여주며 제안하는 방향의 신뢰를 얻으세요.", pro_tip: "'A사도 이렇게 푸셨습니다'라는 한마디가 백 마디 설명보다 강력합니다." }
+            ], tips: "고객은 자기가 뭘 원하는지 모를 때가 많습니다. 질문으로 답을 찾아주세요." },
+            { id: 3, title: "개발자 협의", subtitle: "Dev Consult", icon: "code-2", color: "bg-purple-100 text-purple-600", description: "파악된 요구사항을 개발팀에 전달하고 기술적 실현 가능성과 공수를 산정합니다.", checkpoints: [
+                { title: "요구사항 기술 검토", detail: "개발 리드와 함께 고객의 요구사항이 기술적으로 구현 가능한지 검토하세요.", pro_tip: "개발자가 '안 돼요'라고 하면 '왜 안 되는지', '대안은 무엇인지'를 반드시 물어보세요." },
+                { title: "공수 산정 (Estimation)", detail: "기능별 개발 예상 시간(M/M)을 산출하고 필요한 리소스를 파악하세요.", pro_tip: "개발 공수는 항상 버퍼(Buffer)를 20% 정도 두세요. 버그나 스펙 변경은 반드시 일어납니다." },
+                { title: "아키텍처/스택 선정", detail: "프로젝트에 적합한 기술 스택과 시스템 아키텍처를 확정하세요.", pro_tip: "최신 기술보다 유지보수 용이성과 개발팀의 숙련도를 최우선으로 고려하세요." },
+                { title: "리스크 식별 및 대안 수립", detail: "기술적 난이도가 높은 기능 등 리스크를 식별하고 대안(Plan B)을 마련하세요.", pro_tip: "리스크는 감추지 말고 공유해야 합니다. 미리 말하면 관리입니다." }
+            ], tips: "개발자는 '기능'을 만들지만, 매니저는 '가치'를 만듭니다. 통역사가 되어주세요." },
+            { id: 4, title: "제안 및 견적", subtitle: "Proposal", icon: "file-text", color: "bg-pink-100 text-pink-600", description: "개발팀 검토 내용을 바탕으로 수행 계획서(SOW)와 견적서를 작성하여 제안합니다.", checkpoints: [
+                { title: "WBS 및 일정 계획 수립", detail: "분석/설계/개발/테스트/오픈 등 단계별 상세 일정을 수립하세요.", pro_tip: "고객의 검수(UAT) 기간을 충분히 잡으세요. 고객은 생각보다 바빠서 피드백이 늦어집니다." },
+                { title: "견적서(Quotation) 작성", detail: "개발 공수, 솔루션 비용, 인프라 비용 등을 포함한 상세 견적서를 작성하세요.", pro_tip: "'기능별 상세 견적'을 제공하면 신뢰도가 높아지고 네고 방어에도 유리합니다." },
+                { title: "제안서(SOW) 작성", detail: "범위(Scope), 수행 방법론, 산출물 목록 등을 명시한 제안서를 작성하세요.", pro_tip: "'제외 범위(Out of Scope)'를 명확히 적으세요. 나중에 딴소리 듣지 않으려면요." },
+                { title: "제안 발표 (PT)", detail: "고객에게 제안 내용을 설명하고 우리가 가장 적임자임을 설득하세요.", pro_tip: "발표 자료는 '고객의 언어'로 작성하세요. 기술 용어 남발은 금물입니다." }
+            ], tips: "견적서는 숫자가 아니라 '신뢰'를 담아야 합니다." },
+            { id: 5, title: "조율 및 협상", subtitle: "Negotiation", icon: "scale", color: "bg-orange-100 text-orange-600", description: "제안 내용을 바탕으로 고객과 범위, 일정, 비용을 최종 조율하는 단계입니다.", checkpoints: [
+                { title: "범위 및 일정 조정", detail: "예산이나 일정에 맞춰 기능을 가감하거나 단계별 오픈 전략을 협의하세요.", pro_tip: "무리한 일정 단축은 단호하게 거절하되, '선오픈'과 같은 대안을 제시하세요." },
+                { title: "추가 요구사항 대응", detail: "제안 과정에서 나온 추가 요구사항에 대해 비용 청구 여부를 결정하세요.", pro_tip: "서비스로 해주더라도 '원래 얼마짜리인데 이번만 하는 것'이라고 인지시키세요." },
+                { title: "R&R 명확화", detail: "우리 회사와 고객사가 각각 해야 할 역할을 명문화하세요.", pro_tip: "프로젝트 지연의 절반은 고객의 자료 전달 지연입니다. 숙제를 명확히 알려주세요." },
+                { title: "최종 합의 도출", detail: "모든 쟁점 사항을 정리하고 최종 합의된 내용을 문서로 남기세요.", pro_tip: "구두 합의는 힘이 없습니다. 반드시 이메일이나 회의록으로 남기세요." }
+            ], tips: "협상은 이기는 게 아니라, 같이 갈 수 있는 길을 찾는 것입니다." },
+            { id: 6, title: "착수 및 계약", subtitle: "Kickoff", icon: "flag", color: "bg-green-100 text-green-600", description: "계약을 체결하고 프로젝트를 공식적으로 시작하는 단계입니다.", checkpoints: [
+                { title: "계약서 검토 및 날인", detail: "과업지시서, 기술협약서 등 계약 부속 서류를 꼼꼼히 챙기세요.", pro_tip: "계약서에 '검수 조건'을 명확히 넣으세요. 실현 가능한 조건이어야 합니다." },
+                { title: "프로젝트 팀 구성", detail: "수행 인력을 확정하고 내부 킥오프를 진행하세요.", pro_tip: "팀원들에게 프로젝트 배경뿐만 아니라 '고객의 성향'도 공유해 주세요." },
+                { title: "착수 보고회 (Kick-off)", detail: "전원이 모여 프로젝트의 목표, 일정, 커뮤니케이션 룰을 공유하세요.", pro_tip: "첫인상이 전문적이어야 프로젝트가 순탄합니다. 깔끔하게 준비하세요." },
+                { title: "협업 도구 세팅", detail: "Jira, Slack 등 협업 도구를 세팅하고 고객을 초대하세요.", pro_tip: "소통 채널 단일화가 성공의 열쇠입니다. 간단 가이드를 제공하세요." }
+            ], tips: "시작이 좋아야 끝도 좋습니다. 룰을 명확히 세우세요." }
+        ];
+        // --- Refined Voice Recorder Component ---
+        const VoiceRecorder = ({ tenantId, scenarioType, stepId }) => {
+            const [isRecording, setIsRecording] = useState(false);
+            const [audioBlob, setAudioBlob] = useState(null);
+            const [timer, setTimer] = useState(0);
+            const [transcript, setTranscript] = useState('');
+            const [finalTranscript, setFinalTranscript] = useState('');
+            const [status, setStatus] = useState('대기중');
+            const [savedRecordings, setSavedRecordings] = useState([]);
+            const [loading, setLoading] = useState(false);
+            const [selectedRecording, setSelectedRecording] = useState(null);
+            
+            const mediaRecorderRef = useRef(null);
+            const audioChunksRef = useRef([]);
+            const timerIntervalRef = useRef(null);
+            const recognitionRef = useRef(null);
+            const streamRef = useRef(null);
+            const canvasRef = useRef(null);
+            const animationIdRef = useRef(null);
+            const audioContextRef = useRef(null);
+            const analyserRef = useRef(null);
+            const finalTranscriptRef = useRef('');
+
+            useEffect(() => {
+                loadRecordings();
+                return () => {
+                    if (timerIntervalRef.current) clearInterval(timerIntervalRef.current);
+                    if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
+                    if (streamRef.current) streamRef.current.getTracks().forEach(track => track.stop());
+                    if (audioContextRef.current) audioContextRef.current.close();
+                };
+            }, [tenantId, stepId]);
+
+            const loadRecordings = async () => {
+                setLoading(true);
+                try {
+                    const res = await fetch(`api/sales_tenants.php?action=get_consultations&tenant_id=${tenantId}&scenario_type=${scenarioType}`);
+                    const result = await res.json();
+                    if (result.success) {
+                        setSavedRecordings(result.data.filter(log => log.consultation_type === 'audio' && log.step_id == stepId));
+                    }
+                } catch (err) { console.error(err); }
+                setLoading(false);
+            };
+
+            const formatTime = (seconds) => {
+                const mins = Math.floor(seconds / 60);
+                const secs = seconds % 60;
+                return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
+            };
+
+            const drawWaveform = () => {
+                if (!analyserRef.current || !canvasRef.current) return;
+                const canvas = canvasRef.current;
+                const ctx = canvas.getContext('2d');
+                const analyser = analyserRef.current;
+                const dataArray = new Uint8Array(analyser.frequencyBinCount);
+                analyser.getByteTimeDomainData(dataArray);
+                ctx.fillStyle = '#f8fafc';
+                ctx.fillRect(0, 0, canvas.width, canvas.height);
+                ctx.lineWidth = 2;
+                ctx.strokeStyle = '#6366f1';
+                ctx.beginPath();
+                const sliceWidth = canvas.width / dataArray.length;
+                let x = 0;
+                for (let i = 0; i < dataArray.length; i++) {
+                    const v = dataArray[i] / 128.0;
+                    const y = v * canvas.height / 2;
+                    if (i === 0) ctx.moveTo(x, y);
+                    else ctx.lineTo(x, y);
+                    x += sliceWidth;
+                }
+                ctx.lineTo(canvas.width, canvas.height / 2);
+                ctx.stroke();
+                animationIdRef.current = requestAnimationFrame(drawWaveform);
+            };
+
+            const startRecording = async () => {
+                try {
+                    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                    streamRef.current = stream;
+                    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+                    audioContextRef.current = audioContext;
+                    const analyser = audioContext.createAnalyser();
+                    analyserRef.current = analyser;
+                    const source = audioContext.createMediaStreamSource(stream);
+                    source.connect(analyser);
+                    analyser.fftSize = 2048;
+
+                    if (canvasRef.current) {
+                        canvasRef.current.width = canvasRef.current.offsetWidth;
+                        canvasRef.current.height = 100;
+                        drawWaveform();
+                    }
+
+                    const mediaRecorder = new MediaRecorder(stream);
+                    mediaRecorderRef.current = mediaRecorder;
+                    audioChunksRef.current = [];
+                    mediaRecorder.ondataavailable = (event) => {
+                        if (event.data.size > 0) audioChunksRef.current.push(event.data);
+                    };
+                    mediaRecorder.onstop = () => {
+                        const blob = new Blob(audioChunksRef.current, { type: 'audio/webm' });
+                        setAudioBlob(blob);
+                    };
+                    mediaRecorder.start();
+
+                    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+                    if (SpeechRecognition) {
+                        const recognition = new SpeechRecognition();
+                        recognition.lang = 'ko-KR';
+                        recognition.continuous = true;
+                        recognition.interimResults = true;
+                        finalTranscriptRef.current = '';
+                        setFinalTranscript('');
+                        recognition.onresult = (event) => {
+                            let interim = '';
+                            for (let i = event.resultIndex; i < event.results.length; i++) {
+                                const transcriptText = event.results[i][0].transcript;
+                                if (event.results[i].isFinal) {
+                                    finalTranscriptRef.current += transcriptText + ' ';
+                                    setFinalTranscript(finalTranscriptRef.current);
+                                } else {
+                                    interim += transcriptText;
+                                }
+                            }
+                            const displayText = finalTranscriptRef.current + (interim ? `<span class="text-slate-400">${interim}</span>` : '');
+                            setTranscript(displayText || '음성을 인식하고 있습니다...');
+                        };
+                        recognition.onend = () => {
+                            if (mediaRecorderRef.current && mediaRecorderRef.current.state !== 'inactive') {
+                                try { recognition.start(); } catch (e) {}
+                            }
+                        };
+                        recognition.start();
+                        recognitionRef.current = recognition;
+                    }
+
+                    setIsRecording(true);
+                    setStatus('녹음 중...');
+                    setTimer(0);
+                    timerIntervalRef.current = setInterval(() => setTimer(prev => prev + 1), 1000);
+                } catch (error) {
+                    console.error('Recording failed:', error);
+                    alert('마이크 권한을 허용해주세요.');
+                }
+            };
+
+            const stopRecording = () => {
+                if (mediaRecorderRef.current && isRecording) mediaRecorderRef.current.stop();
+                if (recognitionRef.current) recognitionRef.current.stop();
+                if (timerIntervalRef.current) clearInterval(timerIntervalRef.current);
+                if (animationIdRef.current) cancelAnimationFrame(animationIdRef.current);
+                if (streamRef.current) {
+                    streamRef.current.getTracks().forEach(track => track.stop());
+                    streamRef.current = null;
+                }
+                setIsRecording(false);
+                setStatus('녹음 완료');
+                setTranscript(finalTranscriptRef.current.trim());
+            };
+
+            const saveRecording = async () => {
+                if (!audioBlob) return;
+                const formData = new FormData();
+                formData.append('audio_file', audioBlob, `rec_${Date.now()}.webm`);
+                formData.append('log_text', finalTranscriptRef.current.replace(/<[^>]*>/g, '').trim() || '음성 녹음 기록');
+                formData.append('tenant_id', tenantId);
+                formData.append('scenario_type', scenarioType);
+                formData.append('step_id', stepId);
+                formData.append('consultation_type', 'audio');
+
+                try {
+                    const response = await fetch('api/sales_tenants.php?action=save_consultation', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    const result = await response.json();
+                    if (result.success) {
+                        setAudioBlob(null);
+                        setTranscript('');
+                        finalTranscriptRef.current = '';
+                        setTimer(0);
+                        setStatus('대기중');
+                        loadRecordings();
+                    } else {
+                        alert('저장 실패: ' + result.error);
+                    }
+                } catch (error) {
+                    console.error('Save error:', error);
+                    alert('저장 중 오류가 발생했습니다.');
+                }
+            };
+
+            const deleteLog = async (id) => {
+                if (!confirm('정말 삭제하시겠습니까?')) return;
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=delete_consultation', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ id })
+                    });
+                    if ((await res.json()).success) loadRecordings();
+                } catch (err) { console.error(err); }
+            };
+
+            return (
+                <div className="bg-white rounded-[2rem] border-2 border-slate-100 p-8 space-y-6 shadow-sm flex flex-col h-full">
+                    <div className="flex items-center justify-between">
+                        <h4 className="text-xl font-black text-slate-900 flex items-center gap-2">
+                            <LucideIcon name="mic" className="w-6 h-6 text-indigo-600" />
+                            고객사 상담 녹음
+                        </h4>
+                    </div>
+
+                    <div className="bg-slate-50/50 rounded-3xl p-8 flex flex-col items-center gap-4 relative overflow-hidden border border-slate-100">
+                        <button
+                            onClick={isRecording ? stopRecording : startRecording}
+                            className={`w-24 h-24 rounded-full flex items-center justify-center text-white transition-all shadow-xl ${isRecording ? 'bg-red-500 animate-pulse' : 'bg-blue-600 hover:scale-105 shadow-blue-100'}`}
+                        >
+                            <LucideIcon name={isRecording ? "square" : "mic"} className="w-10 h-10" />
+                        </button>
+                        <div className="text-center">
+                            <div className="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1">{status}</div>
+                            <div className={`text-4xl font-black font-mono ${isRecording ? 'text-red-500' : 'text-slate-900'}`}>{formatTime(timer)}</div>
+                        </div>
+                        
+                        <canvas ref={canvasRef} className="w-full h-20 bg-white rounded-2xl shadow-inner" style={{ display: isRecording ? 'block' : 'none' }}></canvas>
+                        
+                        {transcript && (
+                            <div className="w-full p-4 bg-white rounded-2xl border border-slate-100 text-sm font-bold text-slate-600 max-h-32 overflow-y-auto italic" dangerouslySetInnerHTML={{ __html: transcript }}></div>
+                        )}
+
+                        {audioBlob && (
+                            <div className="w-full flex gap-2 animate-in slide-in-from-bottom-2">
+                                <button onClick={saveRecording} className="flex-1 py-4 bg-slate-900 text-white rounded-2xl font-black text-sm hover:bg-black transition-all shadow-xl">
+                                    저장하기
+                                </button>
+                                <button onClick={() => { setAudioBlob(null); setTranscript(''); setTimer(0); setStatus('대기중'); }} className="px-8 py-4 bg-slate-100 text-slate-600 rounded-2xl font-black text-sm hover:bg-slate-200 transition-all">
+                                    취소
+                                </button>
+                            </div>
+                        )}
+                    </div>
+
+                    {/* Recorded List Integrated */}
+                    <div className="flex-1 space-y-4">
+                        <div className="flex items-center justify-between pt-4">
+                            <h5 className="text-[10px] font-black text-slate-400 uppercase tracking-widest flex items-center gap-2">
+                                <LucideIcon name="list" className="w-4 h-4" />
+                                저장된 녹음 목록
+                            </h5>
+                            <button onClick={loadRecordings} className="text-[10px] font-black text-indigo-600 hover:text-indigo-800 flex items-center gap-1">
+                                <LucideIcon name="refresh-cw" className={`w-3 h-3 ${loading ? 'animate-spin' : ''}`} />
+                                새로고침
+                            </button>
+                        </div>
+                        
+                        <div className="overflow-hidden rounded-2xl border border-slate-100">
+                            <table className="w-full text-xs text-left">
+                                <thead className="bg-slate-50 border-b border-slate-100">
+                                    <tr>
+                                        <th className="px-4 py-3 font-black text-slate-400 uppercase tracking-tighter w-12">번호</th>
+                                        <th className="px-4 py-3 font-black text-slate-400 uppercase tracking-tighter w-32">작성일</th>
+                                        <th className="px-4 py-3 font-black text-slate-400 uppercase tracking-tighter">텍스트 미리보기</th>
+                                        <th className="px-4 py-3 font-black text-slate-400 uppercase tracking-tighter text-right w-24">동작</th>
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-slate-50">
+                                    {savedRecordings.length === 0 ? (
+                                        <tr>
+                                            <td colSpan="4" className="px-4 py-12 text-center text-slate-300 font-bold italic">저장된 녹음 내용이 없습니다.</td>
+                                        </tr>
+                                    ) : (
+                                        savedRecordings.map((rec, i) => (
+                                            <tr key={rec.id} className="hover:bg-slate-50 transition-colors group">
+                                                <td className="px-4 py-3 text-slate-400 font-mono">{savedRecordings.length - i}</td>
+                                                <td className="px-4 py-3 text-slate-600 font-bold">{rec.created_at.split(' ')[0]}</td>
+                                                <td className="px-4 py-3 text-slate-500 font-medium truncate max-w-[120px]">{rec.log_text}</td>
+                                                <td className="px-4 py-3 text-right">
+                                                    <div className="flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                                                        <button onClick={() => setSelectedRecording(rec)} className="p-1.5 text-slate-400 hover:text-indigo-600" title="상세보기"><LucideIcon name="eye" className="w-3.5 h-3.5" /></button>
+                                                        <a href={rec.audio_file_path} download className="p-1.5 text-slate-400 hover:text-blue-600" title="다운로드"><LucideIcon name="download" className="w-3.5 h-3.5" /></a>
+                                                        <button onClick={() => deleteLog(rec.id)} className="p-1.5 text-slate-400 hover:text-red-500" title="삭제"><LucideIcon name="trash-2" className="w-3.5 h-3.5" /></button>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        ))
+                                    )}
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                    {/* Details Modal */}
+                    {selectedRecording && (
+                        <div className="fixed inset-0 z-[200] flex items-center justify-center p-6 bg-slate-900/40 backdrop-blur-sm" onClick={() => setSelectedRecording(null)}>
+                            <div className="bg-white rounded-[2.5rem] shadow-2xl w-full max-w-xl overflow-hidden animate-in zoom-in-95 duration-200" onClick={e => e.stopPropagation()}>
+                                <div className="p-8 border-b border-slate-100 flex justify-between items-center bg-slate-50/50">
+                                    <h3 className="text-xl font-black text-slate-900 flex items-center gap-3">
+                                        <div className="p-2 bg-indigo-100 text-indigo-600 rounded-xl"><LucideIcon name="mic" className="w-5 h-5" /></div>
+                                        상담 녹음 상세보기
+                                    </h3>
+                                    <button onClick={() => setSelectedRecording(null)} className="p-2 hover:bg-slate-200 rounded-full transition-colors"><LucideIcon name="x" className="w-5 h-5 text-slate-400" /></button>
+                                </div>
+                                <div className="p-8 space-y-8">
+                                    <div className="bg-slate-50 rounded-2xl p-6 border border-slate-100">
+                                        <audio src={selectedRecording.audio_file_path} controls className="w-full h-10" />
+                                    </div>
+                                    <div className="space-y-3">
+                                        <h6 className="text-[10px] font-black text-slate-400 uppercase tracking-widest">전체 텍스트 기록</h6>
+                                        <div className="p-6 bg-slate-50 rounded-[2rem] border border-slate-100 text-sm font-bold text-slate-700 whitespace-pre-wrap leading-relaxed max-h-60 overflow-y-auto">
+                                            {selectedRecording.log_text}
+                                        </div>
+                                    </div>
+                                </div>
+                                <div className="p-6 bg-slate-50/50 border-t border-slate-100 flex justify-end">
+                                    <button onClick={() => setSelectedRecording(null)} className="px-8 py-3 bg-slate-900 text-white rounded-2xl font-black text-sm hover:bg-black transition-all">확인</button>
+                                </div>
+                            </div>
+                        </div>
+                    )}
+                </div>
+            );
+        };
+
+        // --- Refined File Uploader Component ---
+        const FileUploader = ({ tenantId, scenarioType, stepId }) => {
+            const [uploading, setUploading] = useState(false);
+            const [savedFiles, setSavedFiles] = useState([]);
+            const [loading, setLoading] = useState(false);
+            const fileInputRef = useRef(null);
+
+            useEffect(() => {
+                loadFiles();
+            }, [tenantId, stepId]);
+
+            const loadFiles = async () => {
+                setLoading(true);
+                try {
+                    const res = await fetch(`api/sales_tenants.php?action=get_consultations&tenant_id=${tenantId}&scenario_type=${scenarioType}`);
+                    const result = await res.json();
+                    if (result.success) {
+                        setSavedFiles(result.data.filter(log => log.consultation_type === 'file' && log.step_id == stepId));
+                    }
+                } catch (err) { console.error(err); }
+                setLoading(false);
+            };
+
+            const handleFileSelect = async (e) => {
+                const selectedFiles = Array.from(e.target.files);
+                if (selectedFiles.length === 0) return;
+
+                setUploading(true);
+                const formData = new FormData();
+                formData.append('tenant_id', tenantId);
+                formData.append('scenario_type', scenarioType);
+                formData.append('step_id', stepId);
+                formData.append('consultation_type', 'file');
+                selectedFiles.forEach(file => formData.append('files[]', file));
+
+                try {
+                    const response = await fetch('api/sales_tenants.php?action=upload_attachments', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    const result = await response.json();
+                    if (result.success) loadFiles();
+                    else alert('업로드 실패: ' + result.error);
+                } catch (error) {
+                    console.error('Upload error:', error);
+                    alert('업로드 중 오류가 발생했습니다.');
+                } finally {
+                    setUploading(false);
+                    if (fileInputRef.current) fileInputRef.current.value = '';
+                }
+            };
+
+            const deleteLog = async (id) => {
+                if (!confirm('정말 삭제하시겠습니까?')) return;
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=delete_consultation', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ id })
+                    });
+                    if ((await res.json()).success) loadFiles();
+                } catch (err) { console.error(err); }
+            };
+
+            return (
+                <div className="bg-white rounded-[2rem] border-2 border-slate-100 p-8 space-y-6 shadow-sm flex flex-col h-full">
+                    <h4 className="text-xl font-black text-slate-900 flex items-center gap-2">
+                        <LucideIcon name="paperclip" className="w-6 h-6 text-blue-600" />
+                        첨부파일 추가
+                    </h4>
+
+                    <div 
+                        onClick={() => fileInputRef.current?.click()}
+                        className="w-full h-48 border-2 border-dashed border-slate-200 rounded-[2rem] flex flex-col items-center justify-center gap-4 cursor-pointer hover:bg-slate-50/50 hover:border-blue-400 transition-all group"
+                    >
+                        <div className="p-5 bg-blue-50 text-blue-600 rounded-3xl group-hover:scale-110 shadow-lg shadow-blue-50 transition-all">
+                            {uploading ? <LucideIcon name="loader" className="w-8 h-8 animate-spin" /> : <LucideIcon name="upload-cloud" className="w-8 h-8" />}
+                        </div>
+                        <div className="text-center">
+                            <div className="text-sm font-black text-slate-700">
+                                {uploading ? '파일을 분석하여 업로드 중...' : '클릭하여 파일 선택 (여러 개 가능)'}
+                            </div>
+                            <div className="text-[11px] font-bold text-slate-400 mt-1">회의록, 제안요청서 등 관련 서류</div>
+                        </div>
+                    </div>
+                    <input type="file" ref={fileInputRef} className="hidden" multiple onChange={handleFileSelect} />
+                    
+                    <div className="flex-1 space-y-4">
+                        <div className="flex items-center justify-between pt-4">
+                            <h5 className="text-[10px] font-black text-slate-400 uppercase tracking-widest flex items-center gap-2">
+                                <LucideIcon name="paperclip" className="w-4 h-4" />
+                                업로드된 파일 목록
+                            </h5>
+                            <button onClick={loadFiles} className="text-[10px] font-black text-blue-600 hover:text-blue-800 flex items-center gap-1">
+                                <LucideIcon name="refresh-cw" className={`w-3 h-3 ${loading ? 'animate-spin' : ''}`} />
+                                새로고침
+                            </button>
+                        </div>
+
+                        <div className="space-y-3 max-h-[400px] overflow-y-auto">
+                            {savedFiles.length === 0 ? (
+                                <div className="py-12 flex flex-col items-center gap-3 opacity-20">
+                                    <LucideIcon name="inbox" className="w-12 h-12" />
+                                    <span className="text-sm font-bold">업로드된 파일이 없습니다</span>
+                                </div>
+                            ) : (
+                                savedFiles.map(log => (
+                                    <div key={log.id} className="p-5 bg-slate-50/50 rounded-3xl border border-slate-100 group relative">
+                                        <div className="flex justify-between items-start mb-3">
+                                            <div className="flex items-center gap-2 text-[10px] font-black text-slate-400">
+                                                <LucideIcon name="calendar" className="w-3 h-3" />
+                                                {log.created_at}
+                                            </div>
+                                            <button onClick={() => deleteLog(log.id)} className="p-1 text-slate-300 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-all"><LucideIcon name="trash-2" className="w-3.5 h-3.5" /></button>
+                                        </div>
+                                        <div className="space-y-2">
+                                            {(() => {
+                                                try {
+                                                    const paths = JSON.parse(log.attachment_paths);
+                                                    return paths.map((p, i) => (
+                                                        <a key={i} href={p.path} target="_blank" className="flex items-center justify-between p-3 bg-white rounded-2xl border border-slate-100 hover:border-blue-400 transition-all">
+                                                            <div className="flex items-center gap-3 min-w-0">
+                                                                <LucideIcon name="file" className="w-4 h-4 text-slate-400" />
+                                                                <span className="text-xs font-bold text-slate-700 truncate max-w-[150px]">{p.name}</span>
+                                                            </div>
+                                                            <LucideIcon name="download" className="w-3.5 h-3.5 text-blue-500" />
+                                                        </a>
+                                                    ));
+                                                } catch(e) { return <span className="text-xs font-bold text-slate-400">파일 정보 파싱 중 오류</span> }
+                                            })()}
+                                        </div>
+                                    </div>
+                                ))
+                            )}
+                        </div>
+                    </div>
+                </div>
+            );
+        };
+
+        const ManagerScenarioView = ({ tenant, onClose, scenarioType = 'manager', onTriggerContract }) => {
+            const steps = scenarioType === 'sales' ? SALES_SCENARIO_STEPS : MANAGER_SCENARIO_STEPS;
+            const [activeStep, setActiveStep] = useState(steps[0]);
+            const [checklist, setChecklist] = useState({}); 
+            const [logs, setLogs] = useState([]);
+            const [newLog, setNewLog] = useState('');
+            const [loading, setLoading] = useState(false);
+
+            useEffect(() => {
+                fetchScenarioData();
+                fetchConsultations();
+            }, [tenant.id, scenarioType]);
+
+            const fetchScenarioData = async () => {
+                try {
+                    const res = await fetch(`api/sales_tenants.php?action=get_scenario&tenant_id=${tenant.id}&scenario_type=${scenarioType}`);
+                    const result = await res.json();
+                    if (result.success) {
+                        const map = {};
+                        result.data.forEach(item => {
+                            map[`${item.step_id}_${item.checkpoint_index}`] = item.is_checked == 1;
+                        });
+                        setChecklist(map);
+                    }
+                } catch (err) { console.error(err); }
+            };
+
+            const fetchConsultations = async () => {
+                setLoading(true);
+                try {
+                    const res = await fetch(`api/sales_tenants.php?action=get_consultations&tenant_id=${tenant.id}&scenario_type=${scenarioType}`);
+                    const result = await res.json();
+                    if (result.success) setLogs(result.data);
+                } catch (err) { console.error(err); }
+                setLoading(false);
+            };
+
+            const toggleCheck = async (stepId, index) => {
+                const key = `${stepId}_${index}`;
+                const newState = !checklist[key];
+                
+                // Optimistic UI Update
+                setChecklist(prev => ({ ...prev, [key]: newState }));
+
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=update_checklist', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            tenant_id: tenant.id,
+                            scenario_type: scenarioType,
+                            step_id: stepId,
+                            checkpoint_index: index,
+                            is_checked: newState
+                        })
+                    });
+                    const result = await res.json();
+                    if (!result.success) {
+                        alert('저장 실패: ' + (result.error || '알 수 없는 오류'));
+                        setChecklist(prev => ({ ...prev, [key]: !newState })); // Rollback
+                    }
+                } catch (err) { 
+                    console.error('Checkbox toggle error:', err);
+                    alert('서버와 통신하는 중 오류가 발생했습니다.');
+                    setChecklist(prev => ({ ...prev, [key]: !newState })); // Rollback
+                }
+            };
+
+            const saveLog = async () => {
+                if (!newLog.trim()) return;
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=save_consultation', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            tenant_id: tenant.id,
+                            scenario_type: scenarioType,
+                            step_id: activeStep.id,
+                            log_text: newLog,
+                            consultation_type: 'text'
+                        })
+                    });
+                    if ((await res.json()).success) {
+                        setNewLog('');
+                        fetchConsultations();
+                    }
+                } catch (err) { console.error(err); }
+            };
+
+            const deleteLog = async (id) => {
+                if (!confirm('정말 삭제하시겠습니까?')) return;
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=delete_consultation', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ id })
+                    });
+                    if ((await res.json()).success) {
+                        fetchConsultations();
+                    }
+                } catch (err) { console.error(err); }
+            };
+
+            const getStepProgress = (stepId) => {
+                const step = steps.find(s => s.id === stepId);
+                if (!step) return 0;
+                const total = step.checkpoints.length;
+                let checked = 0;
+                for (let i = 0; i < total; i++) {
+                    if (checklist[`${stepId}_${i}`]) checked++;
+                }
+                return Math.round((checked / total) * 100);
+            };
+
+            return (
+                <div className="fixed inset-0 z-[120] bg-slate-900/60 backdrop-blur-sm flex justify-center p-4 lg:p-8">
+                    <div className="bg-white rounded-[2rem] shadow-2xl w-full max-w-7xl overflow-hidden flex flex-col animate-in zoom-in duration-200">
+                        {/* Header */}
+                        <div className="p-6 border-b border-slate-100 flex justify-between items-center bg-slate-50">
+                            <div className="flex items-center gap-4">
+                                <div className="p-3 bg-blue-600 rounded-2xl text-white shadow-lg shadow-blue-100">
+                                    <LucideIcon name="clipboard-check" className="w-6 h-6" />
+                                </div>
+                                <div>
+                                    <h3 className="text-2xl font-black text-slate-900 leading-tight">
+                                        {scenarioType === 'sales' ? '영업 전략 시나리오 매니지먼트' : '상담 프로세스 매니지먼트'}
+                                    </h3>
+                                    <p className="text-sm font-bold text-slate-500 flex items-center gap-2">
+                                        <LucideIcon name="building" className="w-3.5 h-3.5" />
+                                        {tenant.tenant_name} ({tenant.representative})
+                                    </p>
+                                </div>
+                            </div>
+                            <button onClick={onClose} className="p-3 hover:bg-slate-200 rounded-full transition-colors">
+                                <LucideIcon name="x" className="w-6 h-6 text-slate-500" />
+                            </button>
+                        </div>
+
+                        <div className="flex-1 flex overflow-hidden">
+                            {/* Primary Sidebar: Steps */}
+                            <div className="w-72 border-r border-slate-100 bg-slate-50/50 p-6 space-y-3 overflow-y-auto">
+                                <label className="text-[10px] font-black text-slate-400 uppercase tracking-widest px-2 mb-4 block">
+                                    {scenarioType === 'sales' ? 'Sales Strategy' : 'Business Steps'}
+                                </label>
+                                {steps.map(step => {
+                                    const progress = getStepProgress(step.id);
+                                    const isActive = activeStep.id === step.id;
+                                    return (
+                                        <button 
+                                            key={step.id}
+                                            onClick={() => setActiveStep(step)}
+                                            className={`w-full group text-left p-4 rounded-2xl transition-all duration-300 relative overflow-hidden ${isActive ? 'bg-white shadow-md border-slate-200 ring-1 ring-slate-200' : 'hover:bg-slate-100'}`}
+                                        >
+                                            <div className="flex items-center gap-3 relative z-10">
+                                                <div className={`w-10 h-10 rounded-xl flex items-center justify-center transition-transform group-hover:scale-110 ${isActive ? step.color : 'bg-slate-200 text-slate-400'}`}>
+                                                    <LucideIcon name={step.icon} className="w-5 h-5" />
+                                                </div>
+                                                <div className="flex-1">
+                                                    <div className={`text-sm font-black ${isActive ? 'text-slate-900' : 'text-slate-500'}`}>{step.title}</div>
+                                                    <div className="w-full bg-slate-200 h-1 rounded-full mt-2">
+                                                        <div className={`h-full rounded-full transition-all ${step.color.replace('text-', 'bg-').replace('100', '500')}`} style={{ width: `${progress}%` }}></div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </button>
+                                    );
+                                })}
+                            </div>
+
+                            {/* Main Content Area */}
+                            <div className="flex-1 overflow-y-auto p-10 bg-white">
+                                <div className="max-w-4xl mx-auto space-y-12">
+                                    {/* Step Info */}
+                                    <div className="animate-in slide-in-from-top-4 duration-500">
+                                        <div className="flex items-center gap-3 mb-4">
+                                            <span className={`px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-widest ${activeStep.color}`}>{activeStep.subtitle}</span>
+                                            <span className="text-xs font-bold text-slate-400">Step 0{activeStep.id}</span>
+                                        </div>
+                                        <h2 className="text-4xl font-black text-slate-900 mb-4">{activeStep.title}</h2>
+                                        <div className="flex items-center justify-between gap-4">
+                                            <p className="text-lg text-slate-600 font-medium leading-relaxed">{activeStep.description}</p>
+                                            {scenarioType === 'sales' && activeStep.id === 6 && (
+                                                <button 
+                                                    onClick={() => onTriggerContract(tenant)}
+                                                    className="shrink-0 px-6 py-3 bg-blue-600 text-white rounded-2xl font-black hover:bg-blue-700 transition-all shadow-xl shadow-blue-100 flex items-center gap-2 animate-bounce"
+                                                >
+                                                    <LucideIcon name="shopping-cart" className="w-5 h-5" />
+                                                    계약 상품 등록하기
+                                                </button>
+                                            )}
+                                        </div>
+                                    </div>
+
+                                    {/* Tips Area */}
+                                    {activeStep.tips && (
+                                        <div className="p-6 bg-blue-50 border border-blue-100 rounded-3xl animate-in slide-in-from-bottom-4 duration-500">
+                                            <div className="flex items-start gap-4">
+                                                <div className="p-3 bg-blue-100 rounded-2xl text-blue-600">
+                                                    <LucideIcon name="lightbulb" className="w-6 h-6" />
+                                                </div>
+                                                <div>
+                                                    <h5 className="font-black text-blue-900 mb-1">Manager Secret Tips</h5>
+                                                    <p className="text-blue-700 font-medium">{activeStep.tips}</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    )}
+
+                                    {/* Checklist */}
+                                    <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                        {activeStep.checkpoints.map((cp, idx) => (
+                                            <div key={idx} 
+                                                onClick={() => toggleCheck(activeStep.id, idx)}
+                                                className={`p-6 rounded-3xl border-2 transition-all cursor-pointer group ${checklist[`${activeStep.id}_${idx}`] ? 'bg-emerald-50 border-emerald-100' : 'bg-white border-slate-100 hover:border-blue-200'}`}
+                                            >
+                                                <div className="flex items-start gap-4">
+                                                    <div className={`w-6 h-6 rounded-lg border-2 flex items-center justify-center shrink-0 transition-colors ${checklist[`${activeStep.id}_${idx}`] ? 'bg-emerald-500 border-emerald-500 text-white' : 'border-slate-300 group-hover:border-blue-500'}`}>
+                                                        {checklist[`${activeStep.id}_${idx}`] && <LucideIcon name="check" className="w-4 h-4" />}
+                                                    </div>
+                                                    <div>
+                                                        <h4 className={`font-black mb-2 transition-colors ${checklist[`${activeStep.id}_${idx}`] ? 'text-emerald-900' : 'text-slate-900 group-hover:text-blue-600'}`}>{cp.title}</h4>
+                                                        <p className="text-sm text-slate-500 leading-relaxed italic">{cp.detail}</p>
+                                                        {checklist[`${activeStep.id}_${idx}`] && cp.pro_tip && (
+                                                            <div className="mt-4 p-4 bg-white/60 rounded-xl text-xs text-emerald-700 font-bold border border-emerald-100">
+                                                                💡 Tip: {cp.pro_tip}
+                                                            </div>
+                                                        )}
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        ))}
+                                    </div>
+
+                                    {/* Step 2 Special Features: Voice & Files */}
+                                    {scenarioType === 'manager' && activeStep.id === 2 && (
+                                        <div className="grid grid-cols-1 xl:grid-cols-2 gap-8 animate-in slide-in-from-bottom-6 duration-700">
+                                            <VoiceRecorder 
+                                                tenantId={tenant.id} 
+                                                scenarioType={scenarioType} 
+                                                stepId={activeStep.id} 
+                                            />
+                                            <FileUploader 
+                                                tenantId={tenant.id} 
+                                                scenarioType={scenarioType} 
+                                                stepId={activeStep.id} 
+                                            />
+                                        </div>
+                                    )}
+
+                                    {/* Log Area */}
+                                    <div className="pt-12 border-t border-dashed border-slate-200 space-y-6">
+                                        <div className="flex items-center justify-between">
+                                            <h3 className="text-xl font-black text-slate-900 flex items-center gap-2">
+                                                <LucideIcon name="message-square" className="w-5 h-5 text-blue-600" />
+                                                실행 기록 및 상담 내용
+                                            </h3>
+                                        </div>
+                                        
+                                        <div className="bg-slate-50 p-6 rounded-3xl border border-slate-100">
+                                            <textarea 
+                                                value={newLog}
+                                                onChange={(e) => setNewLog(e.target.value)}
+                                                className="w-full bg-white border border-slate-200 rounded-2xl p-4 text-sm font-medium focus:ring-4 focus:ring-blue-100 outline-none transition-all h-32 resize-none"
+                                                placeholder="오늘의 업무 내용이나 상담 특이사항을 기록하세요..."
+                                            ></textarea>
+                                            <div className="mt-4 flex justify-end">
+                                                <button 
+                                                    onClick={saveLog}
+                                                    className="px-8 py-3 bg-slate-900 text-white rounded-2xl font-black hover:bg-black transition-all shadow-lg flex items-center gap-2"
+                                                >
+                                                    <LucideIcon name="save" className="w-4 h-4" />
+                                                    기록 저장
+                                                </button>
+                                            </div>
+                                        </div>
+
+                                        {/* Log Timeline - Only Text Logs */}
+                                        <div className="space-y-4">
+                                            {logs.filter(log => log.consultation_type === 'text').length === 0 ? (
+                                                <div className="text-center py-20 text-slate-400 font-bold bg-slate-50/50 rounded-3xl border border-dashed border-slate-200">
+                                                    아직 기록된 내용이 없습니다.
+                                                </div>
+                                            ) : logs.filter(log => log.consultation_type === 'text').map(log => (
+                                                <div key={log.id} className="p-6 bg-white border border-slate-100 rounded-3xl shadow-sm hover:shadow-md transition-all group relative">
+                                                    <div className="flex items-center justify-between mb-4">
+                                                        <div className="flex items-center gap-3">
+                                                            <div className="p-2 rounded-xl bg-slate-50 text-slate-600">
+                                                                <LucideIcon name="message-square" className="w-4 h-4" />
+                                                            </div>
+                                                            <div>
+                                                                <div className="flex items-center gap-2">
+                                                                    <span className="px-2 py-0.5 bg-slate-100 text-slate-600 rounded text-[10px] font-black uppercase tracking-tighter">Step {log.step_id}</span>
+                                                                    <span className="text-[10px] font-bold text-slate-400 tracking-tighter">{log.created_at}</span>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <button 
+                                                            onClick={() => deleteLog(log.id)}
+                                                            className="opacity-0 group-hover:opacity-100 p-2 text-slate-300 hover:text-red-500 transition-all"
+                                                        >
+                                                            <LucideIcon name="trash-2" className="w-4 h-4" />
+                                                        </button>
+                                                    </div>
+
+                                                    <p className="text-sm font-bold text-slate-800 leading-relaxed whitespace-pre-wrap">{log.log_text}</p>
+                                                </div>
+                                            ))}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            );
+        };
+
         // --- NEW: Profit Management View (Tenants & Commissions) ---
-        const ProfitManagementView = ({ currentUser }) => {
+        const ProfitManagementView = ({ currentUser, salesConfig, currentRole }) => {
             const [tenants, setTenants] = useState([]);
             const [stats, setStats] = useState({ tenant_count: 0, total_revenue: 0, total_commission: 0, confirmed_commission: 0 });
+            const [tenantProducts, setTenantProducts] = useState({});
             const [loading, setLoading] = useState(true);
             const [isTenantModalOpen, setIsTenantModalOpen] = useState(false);
             const [isProductModalOpen, setIsProductModalOpen] = useState(false);
             const [selectedTenant, setSelectedTenant] = useState(null);
+            const [activeSalesScenarioTenant, setActiveSalesScenarioTenant] = useState(null);
+            const [activeManagerScenarioTenant, setActiveManagerScenarioTenant] = useState(null);
             const [expandedTenantId, setExpandedTenantId] = useState(null);
-            const [tenantProducts, setTenantProducts] = useState({});
+            const [pricingData, setPricingData] = useState({});
+            const [selectedCategory, setSelectedCategory] = useState(null);
+            const [selectedSubModels, setSelectedSubModels] = useState([]);
+            const [editProductId, setEditProductId] = useState(null);
+            const [isSaving, setIsSaving] = useState(false);
+            const [potentialManagerList, setPotentialManagerList] = useState([]);
 
             const [tenantFormData, setTenantFormData] = useState({
-                tenant_name: '', representative: '', business_no: '', contact_phone: '', email: '', address: ''
+                tenant_name: '', representative: '', business_no: '', contact_phone: '', email: '', address: '',
+                sales_manager_id: currentUser ? currentUser.id : ''
             });
             const [productFormData, setProductFormData] = useState({
                 product_name: '', contract_amount: '', commission_rate: '20', contract_date: new Date().toISOString().split('T')[0]
             });
 
+            const fillRandomTenantData = () => {
+                const sampleCompanies = ['(주)가나다소프트', '(주)에이비씨시스템', '(주)코드브리지', '(주)샘테크', '(주)미래이노베이션', '(주)글로벌네트웍스', '(주)디지털솔루션', '(주)한국IT연구소', '(주)스마트플랫폼'];
+                const sampleNames = ['김철수', '이영희', '박지민', '최민석', '정수아', '강동원', '한예슬', '홍길동', '장미란'];
+                const sampleAddresses = ['서울특별시 강남구 테헤란로 123', '경기도 성남시 분당구 판교역로 456', '서울특별시 서초구 서초대로 789', '부산광역시 해운대구 센텀중앙로 101', '인천광역시 연수구 송도과학로 202', '대구광역시 수성구 달구벌대로 303'];
+                
+                const randomItem = (arr) => arr[Math.floor(Math.random() * arr.length)];
+                const randomNum = (len) => Array.from({length: len}, () => Math.floor(Math.random() * 10)).join('');
+
+                const randomData = {
+                    tenant_name: randomItem(sampleCompanies),
+                    representative: randomItem(sampleNames),
+                    business_no: formatBusinessNo(randomNum(10)),
+                    contact_phone: formatPhone('010' + randomNum(8)),
+                    email: `test_${randomNum(4)}@example.com`,
+                    address: randomItem(sampleAddresses)
+                };
+                setTenantFormData(randomData);
+            };
+
+            const fillRandomProductData = () => {
+                const selectModelsPkg = (salesConfig.package_types || []).find(p => p.id === 'select_models');
+                if (!selectModelsPkg) return;
+
+                setSelectedCategory('select_models');
+                
+                const allModels = selectModelsPkg.models || [];
+                // Randomly select 2-4 models
+                const randomCount = Math.floor(Math.random() * 3) + 2; 
+                const shuffled = [...allModels].sort(() => 0.5 - Math.random());
+                const selectedIds = shuffled.slice(0, Math.min(randomCount, allModels.length)).map(m => m.id);
+                
+                setSelectedSubModels(selectedIds);
+
+                // Calculate total based on selected models and pricingData
+                const total = selectedIds.reduce((sum, id) => {
+                    const modelObj = allModels.find(m => m.id === id);
+                    const pKey = `model_${id}`;
+                    const priceInfo = pricingData[pKey] || { join_fee: modelObj ? modelObj.join_fee : 0 };
+                    return sum + (Number(priceInfo.join_fee) || 0);
+                }, 0);
+
+                setProductFormData({
+                    ...productFormData,
+                    product_name: `선택모델(${selectedIds.length}종)`,
+                    contract_amount: total,
+                    commission_rate: '20',
+                    contract_date: new Date().toISOString().split('T')[0]
+                });
+            };
+
             useEffect(() => {
                 fetchData();
+                fetchPricing();
+                fetchManagers();
             }, []);
 
+            const fetchManagers = async () => {
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=list_managers');
+                    const result = await res.json();
+                    if (result.success) setPotentialManagerList(result.data);
+                } catch (err) {
+                    console.error('Fetch managers error:', err);
+                }
+            };
+
+            const fetchPricing = async () => {
+                try {
+                    const response = await fetch('api/package_pricing.php?action=list');
+                    const result = await response.json();
+                    if (result.success) {
+                        const pricingMap = {};
+                        result.data.forEach(item => {
+                            pricingMap[`${item.item_type}_${item.item_id}`] = item;
+                        });
+                        setPricingData(pricingMap);
+                    }
+                } catch (error) {
+                    console.error('가격 정보 로드 실패:', error);
+                }
+            };
+
             const fetchData = async () => {
                 setLoading(true);
                 try {
@@ -1927,6 +2947,44 @@
                 }
             };
 
+            const handleToggleManagerAssignment = async (tenantId, currentManagerId) => {
+                const isAssigning = !currentManagerId;
+                const confirmMsg = isAssigning 
+                    ? '본인이 이 테넌트의 업무 프로세스(매니저 역할)를 직접 수행하시겠습니까?' 
+                    : '이 테넌트의 매니저 지정을 취소하시겠습니까? (다른 매니저가 다시 맡을 수 있게 됩니다)';
+                
+                if (!confirm(confirmMsg)) return;
+
+                if (!currentUser || !currentUser.id) {
+                    alert('로그인 정보가 유효하지 않습니다. 다시 로그인해주세요.');
+                    return;
+                }
+
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=update_tenant_manager', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ 
+                            tenant_id: tenantId, 
+                            sales_manager_id: isAssigning ? currentUser.id : null 
+                        })
+                    });
+                    
+                    if (!res.ok) throw new Error('Network response was not ok');
+                    
+                    const result = await res.json();
+                    if (result.success) {
+                        await fetchData(); // Wait for data to refresh
+                        alert(result.message);
+                    } else {
+                        alert(result.error || '처리에 실패했습니다.');
+                    }
+                } catch (err) {
+                    console.error('Update manager error:', err);
+                    alert('처리 중 오류가 발생했습니다: ' + err.message);
+                }
+            };
+
             const handleCreateTenant = async (e) => {
                 e.preventDefault();
                 try {
@@ -1937,10 +2995,16 @@
                     });
                     const result = await res.json();
                     if (result.success) {
-                        alert('테넌트가 등록되었습니다.');
+                        alert(result.message);
                         setIsTenantModalOpen(false);
-                        setTenantFormData({ tenant_name: '', representative: '', business_no: '', contact_phone: '', email: '', address: '' });
-                        fetchData();
+                        const newTenantId = result.id;
+                        await fetchData();
+                        
+                        // 즉시 영업 시나리오 모달 오픈
+                        const newTenant = { ...tenantFormData, id: newTenantId };
+                        setActiveSalesScenarioTenant(newTenant);
+                        
+                        setTenantFormData({ tenant_name: '', representative: '', business_no: '', contact_phone: '', email: '', address: '', sales_manager_id: currentUser.id });
                     } else {
                         alert(result.error);
                     }
@@ -1951,31 +3015,96 @@
 
             const handleAddProduct = async (e) => {
                 e.preventDefault();
+                if (isSaving) return;
                 if (!productFormData.contract_amount || !productFormData.product_name) {
                     alert('필수 정보를 입력해주세요.');
                     return;
                 }
+                
+                setIsSaving(true);
                 try {
-                    const res = await fetch('api/sales_tenants.php?action=add_product', {
+                    const action = editProductId ? 'update_product' : 'add_product';
+                    const payload = editProductId 
+                        ? { ...productFormData, id: editProductId, sub_models: selectedSubModels }
+                        : { ...productFormData, tenant_id: selectedTenant.id, sub_models: selectedSubModels };
+
+                    const res = await fetch(`api/sales_tenants.php?action=${action}`, {
                         method: 'POST',
                         headers: { 'Content-Type': 'application/json' },
-                        body: JSON.stringify({ ...productFormData, tenant_id: selectedTenant.id })
+                        body: JSON.stringify(payload)
                     });
                     const result = await res.json();
                     if (result.success) {
-                        alert('계약 정보가 등록되었습니다.');
+                        alert(editProductId ? '계약 정보가 수정되었습니다.' : '계약 정보가 등록되었습니다.');
                         setIsProductModalOpen(false);
+                        setEditProductId(null);
                         setProductFormData({ product_name: '', contract_amount: '', commission_rate: '20', contract_date: new Date().toISOString().split('T')[0] });
+                        setSelectedCategory(null);
+                        setSelectedSubModels([]);
                         fetchData();
-                        fetchProducts(selectedTenant.id);
+                        fetchProducts(editProductId ? selectedTenant.id : selectedTenant.id); // selectedTenant is still valid
                     } else {
                         alert(result.error);
                     }
                 } catch (err) {
-                    alert('등록 중 오류가 발생했습니다.');
+                    alert('처리 중 오류가 발생했습니다.');
+                } finally {
+                    setIsSaving(false);
                 }
             };
 
+            const handleDeleteProduct = async (tenantId, productId) => {
+                if (!confirm('정말로 이 계약 정보를 삭제하시겠습니까?')) return;
+                try {
+                    const res = await fetch('api/sales_tenants.php?action=delete_product', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ id: productId })
+                    });
+                    const result = await res.json();
+                    if (result.success) {
+                        alert('계약 정보가 삭제되었습니다.');
+                        fetchData();
+                        fetchProducts(tenantId);
+                    } else {
+                        alert(result.error);
+                    }
+                } catch (err) {
+                    alert('삭제 중 오류가 발생했습니다.');
+                }
+            };
+
+            const handleOpenEditProduct = (tenant, product) => {
+                setSelectedTenant(tenant);
+                setEditProductId(product.id);
+                setProductFormData({
+                    product_name: product.product_name,
+                    contract_amount: product.contract_amount,
+                    commission_rate: product.commission_rate,
+                    contract_date: product.contract_date
+                });
+                
+                // Restore sub models if available
+                if (product.sub_models) {
+                    try {
+                        const subModels = JSON.parse(product.sub_models);
+                        setSelectedSubModels(subModels || []);
+                        setSelectedCategory('select_models');
+                    } catch (e) {
+                        console.error('Sub-models parse error:', e);
+                        setSelectedSubModels([]);
+                    }
+                } else {
+                    // Try to guess from name if it's a fixed package
+                    const pkg = (salesConfig.package_types || []).find(p => p.name === product.product_name);
+                    if (pkg) setSelectedCategory(pkg.id);
+                    else setSelectedCategory(null);
+                    setSelectedSubModels([]);
+                }
+
+                setIsProductModalOpen(true);
+            };
+
             const formatCurrency = (val) => new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format(val || 0);
 
             return (
@@ -2019,13 +3148,15 @@
                                 <LucideIcon name="layout-list" className="w-5 h-5 text-blue-600" />
                                 테넌트 및 계약 관리
                             </h3>
-                            <button 
-                                onClick={() => setIsTenantModalOpen(true)}
-                                className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-bold flex items-center gap-2 transition-all shadow-md"
-                            >
-                                <LucideIcon name="plus" className="w-4 h-4" />
-                                신규 테넌트 등록
-                            </button>
+                            {currentRole === '영업관리' && (
+                                <button 
+                                    onClick={() => setIsTenantModalOpen(true)}
+                                    className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-bold flex items-center gap-2 transition-all shadow-md"
+                                >
+                                    <LucideIcon name="plus" className="w-4 h-4" />
+                                    신규 테넌트 등록
+                                </button>
+                            )}
                         </div>
                         <div className="overflow-x-auto text-sm">
                             <table className="w-full text-left">
@@ -2033,8 +3164,7 @@
                                     <tr>
                                         <th className="px-6 py-4 w-12"></th>
                                         <th className="px-6 py-4">업체명</th>
-                                        <th className="px-6 py-4">대표자</th>
-                                        <th className="px-6 py-4">연락처</th>
+                                        <th className="px-6 py-4">담당자 (영업/관리)</th>
                                         <th className="px-6 py-4">등록일</th>
                                         <th className="px-6 py-4 text-center">계약관리</th>
                                     </tr>
@@ -2052,17 +3182,73 @@
                                                         <LucideIcon name={expandedTenantId === t.id ? "chevron-down" : "chevron-right"} className="w-4 h-4" />
                                                     </button>
                                                 </td>
-                                                <td className="px-6 py-4 font-bold text-slate-900">{t.tenant_name}</td>
-                                                <td className="px-6 py-4 text-slate-600">{t.representative || '-'}</td>
-                                                <td className="px-6 py-4 text-slate-600">{formatPhone(t.contact_phone) || '-'}</td>
+                                                <td className="px-6 py-4 font-bold text-slate-900">
+                                                    {t.tenant_name}
+                                                    <div className="text-[10px] text-slate-400 font-normal mt-0.5">{t.representative} | {formatPhone(t.contact_phone)}</div>
+                                                </td>
+                                                <td className="px-6 py-4">
+                                                    <div className="flex items-center gap-2">
+                                                        <span className="px-2 py-0.5 bg-slate-100 text-slate-600 rounded text-[10px] font-bold">영업: {t.register_name}</span>
+                                                        {t.sales_manager_id ? (
+                                                            t.sales_manager_id == currentUser.id ? (
+                                                                <button 
+                                                                    onClick={(e) => { e.stopPropagation(); handleToggleManagerAssignment(t.id, t.sales_manager_id); }}
+                                                                    className="px-2 py-0.5 bg-blue-100 text-blue-700 hover:bg-red-50 hover:text-red-600 hover:border-red-200 rounded text-[10px] font-bold border border-blue-200 transition-all flex items-center gap-1 group"
+                                                                    title="매니저 업무 취소"
+                                                                >
+                                                                    <LucideIcon name="user-check" className="w-2.5 h-2.5" />
+                                                                    관리: 본인
+                                                                    <LucideIcon name="x" className="w-2 h-2 opacity-0 group-hover:opacity-100 transition-opacity" />
+                                                                </button>
+                                                            ) : (
+                                                                <span className="px-2 py-0.5 bg-blue-50 text-blue-600 rounded text-[10px] font-bold border border-blue-100 flex items-center gap-1">
+                                                                    <LucideIcon name="user" className="w-2.5 h-2.5" />
+                                                                    관리: {t.manager_name}
+                                                                </span>
+                                                            )
+                                                        ) : (
+                                                            currentRole === '영업관리' && (
+                                                                <button 
+                                                                    onClick={(e) => { e.stopPropagation(); handleToggleManagerAssignment(t.id, null); }}
+                                                                    className="px-2 py-0.5 bg-amber-50 text-amber-600 hover:bg-amber-100 rounded text-[10px] font-bold border border-amber-200 transition-colors flex items-center gap-1"
+                                                                >
+                                                                    <LucideIcon name="user-plus" className="w-2.5 h-2.5" />
+                                                                    + 매니저 직접수행
+                                                                </button>
+                                                            )
+                                                        )}
+                                                    </div>
+                                                </td>
                                                 <td className="px-6 py-4 text-slate-400 text-xs">{t.created_at?.split(' ')[0]}</td>
-                                                <td className="px-6 py-4 text-center">
-                                                    <button 
-                                                        onClick={() => { setSelectedTenant(t); setIsProductModalOpen(true); }}
-                                                        className="px-3 py-1.5 bg-indigo-50 text-indigo-600 rounded-lg font-bold hover:bg-indigo-100 transition-all border border-indigo-100"
-                                                    >
-                                                        계약 추가
-                                                    </button>
+                                                 <td className="px-6 py-4 text-center">
+                                                    <div className="flex items-center gap-2 justify-center">
+                                                        {currentRole === '영업관리' && (
+                                                            <>
+                                                                <button 
+                                                                    onClick={() => setActiveSalesScenarioTenant(t)}
+                                                                    className="px-3 py-1.5 bg-blue-600 text-white rounded-lg font-bold hover:bg-blue-700 transition-all border border-blue-700 flex items-center gap-1 shadow-sm"
+                                                                >
+                                                                    <LucideIcon name="trending-up" className="w-3.5 h-3.5" />
+                                                                    영업 진행
+                                                                </button>
+                                                                <button 
+                                                                    onClick={() => { setSelectedTenant(t); setIsProductModalOpen(true); }}
+                                                                    className="px-3 py-1.5 bg-indigo-50 text-indigo-600 rounded-lg font-bold hover:bg-indigo-100 transition-all border border-indigo-100"
+                                                                >
+                                                                    계약 추가
+                                                                </button>
+                                                            </>
+                                                        )}
+                                                        {(currentRole === '매니저' || (currentRole === '영업관리' && t.sales_manager_id == currentUser.id)) && (
+                                                            <button 
+                                                                onClick={() => setActiveManagerScenarioTenant(t)}
+                                                                className="px-3 py-1.5 bg-emerald-600 text-white rounded-lg font-bold hover:bg-emerald-700 transition-all border border-emerald-700 flex items-center gap-1 shadow-sm"
+                                                            >
+                                                                <LucideIcon name="clipboard-check" className="w-3.5 h-3.5" />
+                                                                업무 프로세스
+                                                            </button>
+                                                        )}
+                                                    </div>
                                                 </td>
                                             </tr>
                                             {expandedTenantId === t.id && (
@@ -2085,6 +3271,7 @@
                                                                             <th className="px-4 py-2 text-right text-blue-600">내 수익</th>
                                                                             <th className="px-4 py-2 text-center">계약일</th>
                                                                             <th className="px-4 py-2 text-center">운영팀 승인</th>
+                                                                            <th className="px-4 py-2 text-center">관리</th>
                                                                         </tr>
                                                                     </thead>
                                                                     <tbody className="divide-y divide-slate-100">
@@ -2106,6 +3293,28 @@
                                                                                         <span className="px-2 py-0.5 bg-amber-100 text-amber-700 rounded-full font-bold text-[10px] uppercase">Pending</span>
                                                                                     )}
                                                                                 </td>
+                                                                                <td className="px-4 py-3 text-center">
+                                                                                    {p.operator_confirmed == 0 && (
+                                                                                        <div className="flex items-center justify-center gap-1">
+                                                                                            <button 
+                                                                                                onClick={() => handleOpenEditProduct(t, p)}
+                                                                                                className="p-1.5 text-blue-500 hover:bg-blue-50 rounded-lg transition-colors group relative"
+                                                                                                title="계약 수정"
+                                                                                            >
+                                                                                                <LucideIcon name="edit" className="w-4 h-4" />
+                                                                                                <span className="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-[10px] px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50">수정</span>
+                                                                                            </button>
+                                                                                            <button 
+                                                                                                onClick={() => handleDeleteProduct(t.id, p.id)}
+                                                                                                className="p-1.5 text-rose-500 hover:bg-rose-50 rounded-lg transition-colors group relative"
+                                                                                                title="계약 삭제"
+                                                                                            >
+                                                                                                <LucideIcon name="trash-2" className="w-4 h-4" />
+                                                                                                <span className="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-[10px] px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50">삭제</span>
+                                                                                            </button>
+                                                                                        </div>
+                                                                                    )}
+                                                                                </td>
                                                                             </tr>
                                                                         ))}
                                                                     </tbody>
@@ -2131,6 +3340,15 @@
                                         <h3 className="text-xl font-bold text-slate-900 flex items-center gap-2">
                                             <LucideIcon name="building" className="w-5 h-5 text-blue-600" />
                                             신규 테넌트 등록
+                                            <button 
+                                                type="button"
+                                                onClick={fillRandomTenantData}
+                                                className="ml-2 p-1.5 bg-amber-50 text-amber-600 rounded-lg hover:bg-amber-100 transition-all border border-amber-200 group relative"
+                                                title="샘플 데이터 자동 입력"
+                                            >
+                                                <LucideIcon name="zap" className="w-3.5 h-3.5" />
+                                                <span className="absolute -top-10 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-[10px] px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50 shadow-xl">랜덤 데이터 채우기</span>
+                                            </button>
                                         </h3>
                                         <button type="button" onClick={() => setIsTenantModalOpen(false)} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
                                             <LucideIcon name="x" className="w-5 h-5 text-slate-500" />
@@ -2161,6 +3379,21 @@
                                                 <input type="email" value={tenantFormData.email} onChange={e => setTenantFormData({...tenantFormData, email: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" placeholder="example@mail.com" />
                                             </div>
                                         </div>
+                                        <div>
+                                            <label className="block text-xs font-bold text-slate-500 mb-1">담당 매니저 지정</label>
+                                            <select 
+                                                value={tenantFormData.sales_manager_id} 
+                                                onChange={e => setTenantFormData({...tenantFormData, sales_manager_id: e.target.value})}
+                                                className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500 bg-white"
+                                            >
+                                                {potentialManagerList.map(m => (
+                                                    <option key={m.id} value={m.id}>
+                                                        {m.name} ({m.role}) {m.id === currentUser.id ? '- 본인' : ''}
+                                                    </option>
+                                                ))}
+                                            </select>
+                                            <p className="mt-1 text-[10px] text-slate-400 font-medium">* 직접 관리하시려면 본인을 선택하고, 별도 매니저에게 맡기려면 매니저를 선택하세요.</p>
+                                        </div>
                                         <div>
                                             <label className="block text-xs font-bold text-slate-500 mb-1">주소</label>
                                             <input type="text" value={tenantFormData.address} onChange={e => setTenantFormData({...tenantFormData, address: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" placeholder="상세 주소를 입력하세요" />
@@ -2178,40 +3411,154 @@
                     {/* Product Modal */}
                     {isProductModalOpen && selectedTenant && (
                         <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
-                            <div className="bg-white rounded-2xl shadow-2xl w-full max-w-md overflow-hidden animate-in zoom-in duration-200">
-                                <form onSubmit={handleAddProduct}>
+                            <div className="bg-white rounded-2xl shadow-2xl w-full max-w-md flex flex-col max-h-[90vh] overflow-hidden animate-in zoom-in duration-200">
+                                <form onSubmit={handleAddProduct} className="flex flex-col overflow-hidden">
                                     <div className="p-6 border-b border-slate-100 flex justify-between items-center bg-slate-50">
                                         <h3 className="text-xl font-bold text-slate-900 flex items-center gap-2">
                                             <LucideIcon name="package-plus" className="w-5 h-5 text-indigo-600" />
                                             계약 정보 추가
+                                            <button 
+                                                type="button"
+                                                onClick={fillRandomProductData}
+                                                className="ml-2 p-1.5 bg-amber-50 text-amber-600 rounded-lg hover:bg-amber-100 transition-all border border-amber-200 group relative"
+                                                title="샘플 데이터 자동 입력"
+                                            >
+                                                <LucideIcon name="zap" className="w-3.5 h-3.5" />
+                                                <span className="absolute -top-10 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-[10px] px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50 shadow-xl">랜덤 데이터 채우기</span>
+                                            </button>
                                         </h3>
-                                        <button type="button" onClick={() => setIsProductModalOpen(false)} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
+                                        <button type="button" onClick={() => {
+                                            setIsProductModalOpen(false);
+                                            setEditProductId(null);
+                                            setProductFormData({ product_name: '', contract_amount: '', commission_rate: '20', contract_date: new Date().toISOString().split('T')[0] });
+                                        }} className="p-2 hover:bg-slate-200 rounded-full transition-colors">
                                             <LucideIcon name="x" className="w-5 h-5 text-slate-500" />
                                         </button>
                                     </div>
-                                    <div className="p-6 space-y-4">
-                                        <div className="p-3 bg-blue-50 rounded-lg border border-blue-100 mb-4">
-                                            <p className="text-xs text-blue-600 font-bold uppercase tracking-wider mb-1">Target Tenant</p>
-                                            <p className="text-sm font-black text-blue-900">{selectedTenant.tenant_name}</p>
-                                        </div>
-                                        <div>
-                                            <label className="block text-xs font-bold text-slate-500 mb-1">상품명 *</label>
-                                            <input type="text" required value={productFormData.product_name} onChange={e => setProductFormData({...productFormData, product_name: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" placeholder="예: 베이직 패키지 A" />
-                                        </div>
-                                        <div>
-                                            <label className="block text-xs font-bold text-slate-500 mb-1">총 계약금액 (원) *</label>
-                                            <input type="number" required value={productFormData.contract_amount} onChange={e => setProductFormData({...productFormData, contract_amount: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" placeholder="0" />
-                                        </div>
-                                        <div className="grid grid-cols-2 gap-4">
-                                            <div>
-                                                <label className="block text-xs font-bold text-slate-500 mb-1">수수료율 (%)</label>
-                                                <input type="number" value={productFormData.commission_rate} onChange={e => setProductFormData({...productFormData, commission_rate: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" />
+                                        <div className="p-6 space-y-4 flex-1 overflow-y-auto">
+                                            <div className="p-3 bg-blue-50 rounded-lg border border-blue-100 mb-2">
+                                                <p className="text-xs text-blue-600 font-bold uppercase tracking-wider mb-1">Target Tenant</p>
+                                                <p className="text-sm font-black text-blue-900">{selectedTenant.tenant_name}</p>
                                             </div>
-                                            <div>
-                                                <label className="block text-xs font-bold text-slate-500 mb-1">계약일</label>
-                                                <input type="date" value={productFormData.contract_date} onChange={e => setProductFormData({...productFormData, contract_date: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" />
+
+                                            {/* Simulator-like Selector */}
+                                            <div className="space-y-4">
+                                                <label className="block text-xs font-bold text-slate-500 mb-1">상품 및 패키지 선택 *</label>
+                                                <div className="grid grid-cols-1 gap-2">
+                                                    {(salesConfig.package_types || []).map(pkg => {
+                                                        const isSelected = selectedCategory === pkg.id;
+                                                        const key = `package_${pkg.id}`;
+                                                        const dbPrice = pricingData[key] || { join_fee: pkg.join_fee };
+                                                        
+                                                        return (
+                                                            <div key={pkg.id} 
+                                                                onClick={() => {
+                                                                    setSelectedCategory(pkg.id);
+                                                                    if (pkg.id !== 'select_models') {
+                                                                        setProductFormData({
+                                                                            ...productFormData,
+                                                                            product_name: pkg.name,
+                                                                            contract_amount: dbPrice.join_fee,
+                                                                            commission_rate: '20' // 기본 20%
+                                                                        });
+                                                                        setSelectedSubModels([]);
+                                                                    } else {
+                                                                        setProductFormData({
+                                                                            ...productFormData,
+                                                                            product_name: '선택모델 하이브리드',
+                                                                            contract_amount: 0,
+                                                                            commission_rate: '20'
+                                                                        });
+                                                                    }
+                                                                }}
+                                                                className={`p-3 border rounded-xl cursor-pointer transition-all ${isSelected ? 'border-indigo-500 bg-indigo-50 ring-2 ring-indigo-200' : 'border-slate-200 hover:border-slate-300 bg-white'}`}
+                                                            >
+                                                                <div className="flex justify-between items-center">
+                                                                    <div className="font-bold text-slate-900 text-sm">{pkg.name}</div>
+                                                                    {pkg.id !== 'select_models' && (
+                                                                        <div className="text-xs font-black text-indigo-600">{formatCurrency(dbPrice.join_fee)}</div>
+                                                                    )}
+                                                                </div>
+                                                                <div className="text-[10px] text-slate-500 mt-0.5">{pkg.id === 'select_models' ? '세부 모델을 직접 선택합니다' : '고정형 패키지'}</div>
+                                                            </div>
+                                                        );
+                                                    })}
+                                                </div>
+
+                                                {/* Select Models Detail */}
+                                                {selectedCategory === 'select_models' && (
+                                                    <div className="p-3 bg-slate-50 rounded-xl border border-slate-200 space-y-2 max-h-48 overflow-y-auto">
+                                                        <label className="block text-[10px] font-black text-slate-400 uppercase mb-2">세부 모델 선택</label>
+                                                        {(salesConfig.package_types.find(p => p.id === 'select_models').models || []).map(model => {
+                                                            const isChecked = selectedSubModels.includes(model.id);
+                                                            const key = `model_${model.id}`;
+                                                            const dbPrice = pricingData[key] || { join_fee: model.join_fee };
+
+                                                            return (
+                                                                <div key={model.id} className="flex items-center gap-2">
+                                                                    <input 
+                                                                        type="checkbox"
+                                                                        checked={isChecked}
+                                                                        onChange={(e) => {
+                                                                            let newSubModels;
+                                                                            if (e.target.checked) {
+                                                                                newSubModels = [...selectedSubModels, model.id];
+                                                                            } else {
+                                                                                newSubModels = selectedSubModels.filter(id => id !== model.id);
+                                                                            }
+                                                                            setSelectedSubModels(newSubModels);
+                                                                            
+                                                                            // Calculate total amount
+                                                                            const total = newSubModels.reduce((sum, id) => {
+                                                                                const m = salesConfig.package_types.find(p => p.id === 'select_models').models.find(mod => mod.id === id);
+                                                                                const pKey = `model_${id}`;
+                                                                                const mPrice = pricingData[pKey] || { join_fee: m.join_fee };
+                                                                                return sum + (mPrice.join_fee || 0);
+                                                                            }, 0);
+                                                                            
+                                                                            setProductFormData({
+                                                                                ...productFormData,
+                                                                                product_name: newSubModels.length > 0 ? `선택모델(${newSubModels.length}종)` : '',
+                                                                                contract_amount: total
+                                                                            });
+                                                                        }}
+                                                                        className="w-4 h-4 text-indigo-600 rounded"
+                                                                    />
+                                                                    <div className="flex-1 text-xs font-medium text-slate-700">{model.name}</div>
+                                                                    <div className="text-[10px] text-slate-500">{formatCurrency(dbPrice.join_fee)}</div>
+                                                                </div>
+                                                            );
+                                                        })}
+                                                    </div>
+                                                )}
+                                            </div>
+
+                                            <div className="grid grid-cols-2 gap-4 border-t border-slate-100 pt-4">
+                                                <div>
+                                                    <label className="block text-xs font-bold text-slate-500 mb-1">상품명 (자동설정)</label>
+                                                    <input type="text" required value={productFormData.product_name} onChange={e => setProductFormData({...productFormData, product_name: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500 bg-slate-50" placeholder="위에서 상품을 선택하세요" />
+                                                </div>
+                                                <div>
+                                                    <label className="block text-xs font-bold text-slate-500 mb-1">총 계약금액 (자동설정)</label>
+                                                    <input 
+                                                        type="text" 
+                                                        required 
+                                                        value={productFormData.contract_amount ? Number(productFormData.contract_amount).toLocaleString() : ''} 
+                                                        onChange={e => setProductFormData({...productFormData, contract_amount: e.target.value.replace(/[^0-9]/g, '')})} 
+                                                        className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500 bg-slate-50 font-bold text-blue-600 text-right" 
+                                                    />
+                                                </div>
+                                            </div>
+                                            <div className="grid grid-cols-2 gap-4">
+                                                <div>
+                                                    <label className="block text-xs font-bold text-slate-500 mb-1">수수료율 (%)</label>
+                                                    <input type="number" value={productFormData.commission_rate} onChange={e => setProductFormData({...productFormData, commission_rate: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" />
+                                                </div>
+                                                <div>
+                                                    <label className="block text-xs font-bold text-slate-500 mb-1">계약일</label>
+                                                    <input type="date" value={productFormData.contract_date} onChange={e => setProductFormData({...productFormData, contract_date: e.target.value})} className="w-full px-3 py-2 border border-slate-200 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" />
+                                                </div>
                                             </div>
-                                        </div>
                                         <div className="p-3 bg-indigo-50 rounded-lg border border-indigo-100 flex justify-between items-center">
                                             <span className="text-xs font-bold text-indigo-700">예상 내 수익:</span>
                                             <span className="text-lg font-black text-indigo-900">
@@ -2227,6 +3574,27 @@
                             </div>
                         </div>
                     )}
+
+                    {/* Scenario Modals */}
+                    {activeSalesScenarioTenant && (
+                        <ManagerScenarioView 
+                            tenant={activeSalesScenarioTenant} 
+                            scenarioType="sales" 
+                            onClose={() => setActiveSalesScenarioTenant(null)} 
+                            onTriggerContract={(t) => {
+                                setActiveSalesScenarioTenant(null);
+                                setSelectedTenant(t);
+                                setIsProductModalOpen(true);
+                            }}
+                        />
+                    )}
+                    {activeManagerScenarioTenant && (
+                        <ManagerScenarioView 
+                            tenant={activeManagerScenarioTenant} 
+                            scenarioType="manager" 
+                            onClose={() => setActiveManagerScenarioTenant(null)} 
+                        />
+                    )}
                 </div>
             );
         };
@@ -2268,14 +3636,15 @@
                     if (sessData.success) {
                         setCurrentUser(sessData.user);
                         setIsLoggedIn(true);
+                        
+                        // 역할에 맞춰 화면 자동 전환
+                        const userRole = sessData.user.role;
+                        if (userRole === 'operator') setSelectedRole('운영자');
+                        else if (userRole === 'sales_admin') setSelectedRole('영업관리');
+                        else if (userRole === 'manager') setSelectedRole('매니저');
                     } else {
-                        // Auto-login for test roles if no session
-                        if (['영업관리', '매니저'].includes(selectedRole)) {
-                            await attemptAutoLogin(selectedRole);
-                        } else {
-                            setCurrentUser(null);
-                            setIsLoggedIn(false);
-                        }
+                        setCurrentUser(null);
+                        setIsLoggedIn(false);
                     }
                 } catch (err) {
                     console.error('Session check failed:', err);
@@ -2285,6 +3654,11 @@
             const handleLoginSuccess = (user) => {
                 setCurrentUser(user);
                 setIsLoggedIn(true);
+                
+                // 역할에 맞춰 화면 자동 전환
+                if (user.role === 'operator') setSelectedRole('운영자');
+                else if (user.role === 'sales_admin') setSelectedRole('영업관리');
+                else if (user.role === 'manager') setSelectedRole('매니저');
             };
 
             const handleLogout = async () => {
@@ -2294,30 +3668,6 @@
                 setOrganizationData(null);
             };
 
-            const attemptAutoLogin = async (role) => {
-                let memberId, password;
-                if (role === '영업관리') { memberId = 'sales'; password = 'sales'; }
-                else if (role === '매니저') { memberId = 'manager'; password = 'manager'; }
-                else if (role === '운영자') { memberId = 'admin'; password = 'admin'; }
-                else return;
-
-                console.log(`Attempting auto login for ${role}...`);
-                try {
-                    const res = await fetch('api/sales_members.php?action=login', {
-                        method: 'POST',
-                        headers: { 'Content-Type': 'application/json' },
-                        body: JSON.stringify({ member_id: memberId, password })
-                    });
-                    const result = await res.json();
-                    if (result.success) {
-                        setCurrentUser(result.user);
-                        setIsLoggedIn(true);
-                    }
-                } catch (err) {
-                    console.error('Auto login failed:', err);
-                }
-            };
-
             useEffect(() => {
                 // 실적 데이터 가져오기 (로그인 상태일 때만)
                 if (isLoggedIn) {
@@ -2364,7 +3714,7 @@
             // 역할에 따른 화면 렌더링
             const renderContentByRole = () => {
                 if (!isLoggedIn) {
-                    return <LoginView onLoginSuccess={handleLoginSuccess} selectedRole={selectedRole} />;
+                    return <LoginView onLoginSuccess={handleLoginSuccess} />;
                 }
 
                 switch (selectedRole) {
@@ -2386,7 +3736,9 @@
                                 </div>
 
                                 {/* Dashbaord & Org Tree */}
-                                <SalesManagementDashboard organizationData={organizationData} onRefresh={fetchPerformanceData} isLoading={isOrgLoading} />
+                                {selectedRole === '영업관리' && (
+                                    <SalesManagementDashboard organizationData={organizationData} onRefresh={fetchPerformanceData} isLoading={isOrgLoading} />
+                                )}
                                 
                                 {/* NEW: Profit & Tenant Management Section */}
                                 <section className="mt-20 pt-12 border-t border-slate-200">
@@ -2396,14 +3748,15 @@
                                         </div>
                                         <h2 className="text-3xl font-extrabold text-slate-900 tracking-tight">수익 및 테넌트 관리</h2>
                                     </div>
-                                    <ProfitManagementView currentUser={currentUser} />
+                                    <ProfitManagementView currentUser={currentUser} salesConfig={data.sales_config} currentRole={selectedRole} />
                                 </section>
 
                                 {selectedRole === '영업관리' && (
-                                    <ManagerManagementView currentUser={currentUser} />
+                                    <>
+                                        <ManagerManagementView currentUser={currentUser} />
+                                        <SimulatorSection salesConfig={data.sales_config} selectedRole={selectedRole} />
+                                    </>
                                 )}
-
-                                <SimulatorSection salesConfig={data.sales_config} selectedRole={selectedRole} />
                             </main>
                         );
                     default:
@@ -2470,10 +3823,10 @@
             const calculateTotalStats = (orgData) => {
                 if (!orgData) return { totalRevenue: 0, totalCommission: 0, totalCount: 0, commissionRate: 0 };
                 return {
-                    totalRevenue: orgData.totalSales,
-                    totalCommission: orgData.commission,
-                    totalCount: orgData.contractCount,
-                    commissionRate: orgData.totalSales > 0 ? ((orgData.commission / orgData.totalSales) * 100).toFixed(1) : 0
+                    totalRevenue: Number(orgData.totalSales) || 0,
+                    totalCommission: Number(orgData.commission) || 0,
+                    totalCount: Number(orgData.contractCount) || 0,
+                    commissionRate: Number(orgData.totalSales) > 0 ? ((Number(orgData.commission) / Number(orgData.totalSales)) * 100).toFixed(1) : 0
                 };
             };
 
@@ -2489,14 +3842,14 @@
                 };
                 
                 const myDirectSales = orgData.children.find(c => c.isDirect);
-                const sellerCommission = myDirectSales ? myDirectSales.totalSales * 0.20 : 0;
+                const sellerCommission = myDirectSales ? Number(myDirectSales.totalSales) * 0.20 : 0;
                 
                 const level1Children = orgData.children.filter(c => !c.isDirect && c.depth === 1);
-                const level1Sales = level1Children.reduce((sum, c) => sum + c.totalSales, 0);
+                const level1Sales = level1Children.reduce((sum, c) => sum + (Number(c.totalSales) || 0), 0);
                 const managerCommission = level1Sales * 0.05;
                 
                 const level2Sales = level1Children.reduce((sum, c) => 
-                    c.children.reduce((s, gc) => s + gc.totalSales, 0), 0);
+                    c.children.reduce((s, gc) => s + (Number(gc.totalSales) || 0), 0), 0);
                 const educatorCommission = 0; // 메뉴제작 협업수당: 운영팀 별도 산정
                 
                 const totalCommission = sellerCommission + managerCommission + educatorCommission;
@@ -2506,8 +3859,8 @@
                     managerCommission,
                     educatorCommission,
                     totalCommission,
-                    totalRevenue: orgData.totalSales,
-                    commissionRate: orgData.totalSales > 0 ? ((totalCommission / orgData.totalSales) * 100).toFixed(1) : 0
+                    totalRevenue: Number(orgData.totalSales) || 0,
+                    commissionRate: Number(orgData.totalSales) > 0 ? ((totalCommission / Number(orgData.totalSales)) * 100).toFixed(1) : 0
                 };
             };
 
@@ -2543,10 +3896,10 @@
                     const filteredChildren = node.children.map(child => filterNodeByDate(child)).filter(c => c !== null);
                     
                     // 자신의 계약과 하위 계약 합산
-                    const ownSales = filteredContracts.reduce((sum, c) => sum + c.amount, 0);
-                    const childrenSales = filteredChildren.reduce((sum, c) => sum + c.totalSales, 0);
+                    const ownSales = filteredContracts.reduce((sum, c) => sum + (Number(c.amount) || 0), 0);
+                    const childrenSales = filteredChildren.reduce((sum, c) => sum + (Number(c.totalSales) || 0), 0);
                     const totalSales = ownSales + childrenSales;
-                    const contractCount = filteredContracts.length + filteredChildren.reduce((sum, c) => sum + c.contractCount, 0);
+                    const contractCount = filteredContracts.length + filteredChildren.reduce((sum, c) => sum + (Number(c.contractCount) || 0), 0);
                     
                     // 데이터가 없으면 null 반환
                     if (totalSales === 0 && filteredChildren.length === 0) {
@@ -2566,10 +3919,10 @@
                              // 내 조직: 직접 20% + 1차 하위 5% (메뉴제작 협업수당 별도)
                             const myDirect = filteredChildren.find(c => c.isDirect);
                             const level1 = filteredChildren.filter(c => !c.isDirect && c.depth === 1);
-                            const level1Sales = level1.reduce((sum, c) => sum + c.totalSales, 0);
+                            const level1Sales = level1.reduce((sum, c) => sum + (Number(c.totalSales) || 0), 0);
                             const level2Sales = level1.reduce((sum, c) => 
-                                c.children.reduce((s, gc) => s + gc.totalSales, 0), 0);
-                            commission = (myDirect ? myDirect.totalSales * 0.20 : 0) + (level1Sales * 0.05); // 메뉴제작 협업수당 제외
+                                c.children.reduce((s, gc) => s + (Number(gc.totalSales) || 0), 0), 0);
+                            commission = (myDirect ? Number(myDirect.totalSales) * 0.20 : 0) + (level1Sales * 0.05); // 메뉴제작 협업수당 제외
                         } else if (node.depth === 1) {
                             commission = totalSales * 0.05;
                         } else if (node.depth === 2) {
@@ -3024,6 +4377,7 @@
                         <ManagerDetailModal 
                             manager={selectedManager} 
                             onClose={() => setSelectedManager(null)} 
+                            showPeriodData={showPeriodData}
                         />
                     )}
                 </>
@@ -3031,12 +4385,15 @@
         };
 
         // Manager Detail Modal
-        const ManagerDetailModal = ({ manager, onClose }) => {
+        const ManagerDetailModal = ({ manager, onClose, showPeriodData }) => {
             if (!manager) return null;
 
             const formatCurrency = (val) => new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' }).format(val);
             const commissionRate = manager.totalSales > 0 ? ((manager.commission / manager.totalSales) * 100).toFixed(1) : 0;
 
+            const directSalesTotal = manager.contracts ? manager.contracts.reduce((sum, c) => sum + Number(c.amount), 0) : 0;
+            const directCommissionTotal = manager.contracts ? manager.contracts.reduce((sum, c) => sum + Number(c.commission || 0), 0) : 0;
+
 
 
             return (
@@ -3049,7 +4406,7 @@
                                 </div>
                                 <div>
                                     <h3 className="text-xl font-bold text-slate-900">{manager.name}</h3>
-                                    <p className="text-sm text-slate-500">{manager.role}</p>
+                                    <p className="text-xs text-slate-500">{manager.role} | {showPeriodData ? '기간 실적 상세' : '누적 실적 상세'}</p>
                                 </div>
                             </div>
                             <button onClick={onClose} className="p-2 hover:bg-white/50 rounded-full transition-colors">
@@ -3062,8 +4419,8 @@
                                 <div className="p-4 bg-blue-50 rounded-xl border border-blue-100">
                                     <div className="text-xs text-blue-600 font-medium mb-1 flex items-center gap-1">
                                         <LucideIcon name="trending-up" className="w-3 h-3" />
-                                        총 매출
-                                </div>
+                                        조직 총 매출
+                                    </div>
                                     <div className="text-xl font-bold text-blue-900">{formatCurrency(manager.totalSales)}</div>
                                 </div>
                                 <div className="p-4 bg-green-50 rounded-xl border border-green-100">
@@ -3080,7 +4437,7 @@
                                     <div>
                                         <div className="text-xs text-purple-600 font-medium mb-1 flex items-center gap-1">
                                             <LucideIcon name="wallet" className="w-3 h-3" />
-                                            예상 수당
+                                            조직 예상 수당
                                         </div>
                                         <div className="text-2xl font-bold text-purple-900">{formatCurrency(manager.commission)}</div>
                                     </div>
@@ -3110,9 +4467,7 @@
                                             </thead>
                                             <tbody className="divide-y divide-slate-100">
                                                 {manager.contracts.map((contract, idx) => {
-                                                    const commissionForThis = manager.isDirect 
-                                                        ? (manager.depth === 0 ? contract.amount * 0.20 : manager.depth === 1 ? contract.amount * 0.05 : contract.amount * 0.03)
-                                                        : (manager.depth === 1 ? contract.amount * 0.05 : contract.amount * 0.03);
+                                                    const commissionForThis = contract.commission || 0;
                                                     
                                                     return (
                                                         <tr key={contract.id} className="hover:bg-slate-50">
@@ -3125,10 +4480,10 @@
                                                 })}
                                             </tbody>
                                             <tfoot className="bg-slate-50 border-t border-slate-200">
-                                                <tr>
-                                                    <td colSpan="2" className="px-4 py-3 text-sm font-bold text-slate-900">합계</td>
-                                                    <td className="px-4 py-3 text-right text-sm font-bold text-slate-900">{formatCurrency(manager.totalSales)}</td>
-                                                    <td className="px-4 py-3 text-right text-sm font-bold text-blue-900">{formatCurrency(manager.commission)}</td>
+                                                <tr className="bg-blue-50/30">
+                                                    <td colSpan="2" className="px-4 py-3 text-sm font-bold text-slate-800">직접 계약 합계</td>
+                                                    <td className="px-4 py-3 text-right text-sm font-bold text-slate-900">{formatCurrency(directSalesTotal)}</td>
+                                                    <td className="px-4 py-3 text-right text-sm font-bold text-blue-900">{formatCurrency(directCommissionTotal)}</td>
                                                 </tr>
                                             </tfoot>
                                         </table>
diff --git a/salesmanagement/uploads/attachments/2/20251223_201006_694a788ed0762_wire_controller_detail1-1.jpg b/salesmanagement/uploads/attachments/2/20251223_201006_694a788ed0762_wire_controller_detail1-1.jpg
new file mode 100644
index 0000000..c67364a
Binary files /dev/null and b/salesmanagement/uploads/attachments/2/20251223_201006_694a788ed0762_wire_controller_detail1-1.jpg differ
diff --git a/salesmanagement/uploads/consultations/2/audio_20251223_195620_694a7554e6041.webm b/salesmanagement/uploads/consultations/2/audio_20251223_195620_694a7554e6041.webm
new file mode 100644
index 0000000..1529326
Binary files /dev/null and b/salesmanagement/uploads/consultations/2/audio_20251223_195620_694a7554e6041.webm differ
diff --git a/salesmanagement/uploads/consultations/2/audio_20251223_200915_694a785b99fbb.webm b/salesmanagement/uploads/consultations/2/audio_20251223_200915_694a785b99fbb.webm
new file mode 100644
index 0000000..0f05f56
Binary files /dev/null and b/salesmanagement/uploads/consultations/2/audio_20251223_200915_694a785b99fbb.webm differ
diff --git a/uploads/manager_consultations/20251223_191155_694a6aeb7b928.webm b/uploads/manager_consultations/20251223_191155_694a6aeb7b928.webm
new file mode 100644
index 0000000..df14215
Binary files /dev/null and b/uploads/manager_consultations/20251223_191155_694a6aeb7b928.webm differ
diff --git a/uploads/manager_consultations/20251223_191743_694a6c47d72e9.webm b/uploads/manager_consultations/20251223_191743_694a6c47d72e9.webm
new file mode 100644
index 0000000..37544c8
Binary files /dev/null and b/uploads/manager_consultations/20251223_191743_694a6c47d72e9.webm differ
diff --git a/uploads/manager_consultations/20251223_193043_694a6f53c4130.webm b/uploads/manager_consultations/20251223_193043_694a6f53c4130.webm
new file mode 100644
index 0000000..99dfa65
Binary files /dev/null and b/uploads/manager_consultations/20251223_193043_694a6f53c4130.webm differ