style: 표/패널 UI 전면 통일 + 화면설명 드로어·글씨크기·탭 개선

표 디자인
- 모든 표를 가벼운 스타일로 통일(.data-table 경량화: 작은 회색 헤더·연한 구분선·hover)
- 표/패널 바깥 테두리 둥글게(rounded-lg) 일괄 적용, 표 래퍼에 패딩 카드(p-4) 통일
- 표 헤더·데이터 정렬을 전 화면 좌측 기준으로 통일
  - .data-table th/td text-align:left (전역), 흩어진 center/right 정렬 정리
  - 재디자인 Tailwind 표(포장단위·단가·기본코드·담당자·업체·판매대행소·무료대상자·지정판매소)도 셀 좌측화
- 기본정보관리 등 나머지 소메뉴 표를 기본 코드 관리 스타일(가벼운 표·상태 pill)로 재디자인

워크스페이스/공통
- "이 화면 설명" → 새 탭 대신 우측 드로어 팝업(현재 화면과 동시에 보기, Esc·드래그 폭조절)
- 상단바 글씨 크기 조절(A−/A+), 작업 내용에 zoom 적용
- 탭 최대치 도달 시 자동 삭제 대신 안내 토스트, "모두 닫기"(업무 현황 탭은 보존)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/Views/admin/access/approvals.php

@@ -5,7 +5,7 @@
     <button onclick="window.print()" class="no-print border border-btn-print-border text-gray-600 px-3 py-1 rounded-sm text-sm hover:bg-gray-50 transition">인쇄</button>
   </div>
 </section>
-<div class="border border-gray-300 p-4 mt-2">
+<div class="border border-gray-300 rounded-lg p-4 mt-2">
   <form method="get" action="<?= base_url('admin/access/approvals') ?>" class="mb-4 flex flex-wrap items-center gap-2 text-sm">
     <label for="status" class="font-bold text-gray-700 shrink-0">상태</label>
     <select id="status" name="status" class="border border-gray-300 rounded px-3 py-1.5 text-sm min-w-[12rem] w-48 max-w-full">
@@ -18,14 +18,14 @@
   <table class="w-full data-table">
     <thead>
       <tr>
-        <th>요청일</th>
-        <th>아이디</th>
-        <th>이름</th>
-        <th>지자체</th>
-        <th>요청 역할</th>
-        <th>상태</th>
-        <th>처리일</th>
-        <th>관리</th>
+        <th class="text-center">요청일</th>
+        <th class="text-center">아이디</th>
+        <th class="text-center">이름</th>
+        <th class="text-center">지자체</th>
+        <th class="text-center">요청 역할</th>
+        <th class="text-center">상태</th>
+        <th class="text-center">처리일</th>
+        <th class="text-center">관리</th>
       </tr>
     </thead>
     <tbody>

app/Views/admin/access/login_history.php

@@ -13,15 +13,15 @@
     <button onclick="window.print()" class="no-print border border-btn-print-border text-gray-600 px-3 py-1 rounded-sm text-sm hover:bg-gray-50 transition">인쇄</button>
   </div>
 </section>
-<div class="border border-gray-300 overflow-auto mt-2">
+<div class="border border-gray-300 rounded-lg p-4 overflow-auto mt-2">
   <table class="w-full data-table">
     <thead>
       <tr>
-        <th>일시</th>
-        <th>아이디</th>
-        <th>성공</th>
-        <th>IP</th>
-        <th>메시지</th>
+        <th class="text-left">일시</th>
+        <th class="text-left">아이디</th>
+        <th class="text-center">성공</th>
+        <th class="text-left">IP</th>
+        <th class="text-left">메시지</th>
       </tr>
     </thead>
     <tbody class="text-right">