통합 최고관리자 센터

<!-- KPI Cards -->
<div class="admin-kpi-grid">
  <div class="admin-kpi-card">
    <div class="text-xs font-semibold text-slate-500 mb-1">전체 등록 게시글</div>
    <div class="text-2xl font-black text-[#0d3a42]" id="kpiTotalPosts">0</div>
    <div class="text-xs text-emerald-600 font-medium mt-1">실시간 로컬 동기화됨</div>
  </div>
  <div class="admin-kpi-card">
    <div class="text-xs font-semibold text-slate-500 mb-1">치료후기 (Reviews)</div>
    <div class="text-2xl font-black text-[#0369a1]" id="kpiReviewsCount">0</div>
    <div class="text-xs text-slate-400 mt-1">의료법 제56조 열람제한 적용</div>
  </div>
  <div class="admin-kpi-card">
    <div class="text-xs font-semibold text-slate-500 mb-1">AEO/FAQ 질문답변</div>
    <div class="text-2xl font-black text-[#b45309]" id="kpiFaqCount">0</div>
    <div class="text-xs text-slate-400 mt-1">AI 검색 인용 최적화</div>
  </div>
  <div class="admin-kpi-card">
    <div class="text-xs font-semibold text-slate-500 mb-1">유튜브 & 전문칼럼</div>
    <div class="text-2xl font-black text-[#6d28d9]" id="kpiMediaCount">0</div>
    <div class="text-xs text-slate-400 mt-1">원장단 직접 등록 콘텐츠</div>
  </div>
</div>

<!-- Table & Filter Header -->
<div class="admin-table-container">
  <div class="admin-table-header">
    <!-- Tabs -->
    <div class="flex items-center gap-1.5">
      <button class="admin-tab-btn active" onclick="switchAdminTab('all', this)">전체 (<span id="tabCountAll">0</span>)</button>
      <button class="admin-tab-btn" onclick="switchAdminTab('reviews', this)">치료후기 (<span id="tabCountReviews">0</span>)</button>
      <button class="admin-tab-btn" onclick="switchAdminTab('faq', this)">FAQ (<span id="tabCountFaq">0</span>)</button>
      <button class="admin-tab-btn" onclick="switchAdminTab('youtube', this)">유튜브 (<span id="tabCountYoutube">0</span>)</button>
      <button class="admin-tab-btn" onclick="switchAdminTab('columns', this)">치료칼럼 (<span id="tabCountColumns">0</span>)</button>
    </div>

    <!-- Action Controls -->
    <div class="flex items-center gap-2">
      <input type="text" id="adminSearchInput" oninput="renderAdminTable()" placeholder="제목/작성자 검색..." class="text-xs border border-slate-300 rounded px-2.5 py-1.5 focus:outline-none focus:border-[#1c6e78]" />
      <button onclick="openAdminCreateModal()" class="bg-[#1c6e78] hover:bg-[#14535b] text-white text-xs font-bold px-3 py-1.5 rounded transition-colors flex items-center gap-1">
        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
        새 글 등록
      </button>
      <button onclick="handleResetAllBoards()" class="border border-slate-300 hover:bg-slate-100 text-slate-600 text-xs font-medium px-2.5 py-1.5 rounded transition-colors" title="기본 시드 데이터로 전체 복구">
        ↺ 기본값 복구
      </button>
    </div>
  </div>

  <!-- Table -->
  <div class="overflow-x-auto">
    <table class="admin-table">
      <thead>
        <tr>
          <th style="width: 100px;">게시판</th>
          <th style="width: 140px;">분류</th>
          <th>게시글 제목</th>
          <th style="width: 130px;">작성자</th>
          <th style="width: 110px;">등록일자</th>
          <th style="width: 90px; text-align: center;">조회수</th>
          <th style="width: 130px; text-align: center;">관리</th>
        </tr>
      </thead>
      <tbody id="adminTableBody">
        <!-- Populated dynamically via JS -->
      </tbody>
    </table>
  </div>
</div>