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/dashboard/index.php

@@ -17,22 +17,22 @@
 
 <!-- 통계 카드 -->
 <div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
-  <div class="border border-gray-300 p-4 bg-white">
+  <div class="border border-gray-300 rounded-lg p-4 bg-white">
     <div class="text-xs text-gray-500">총 발주 건수</div>
     <div class="text-2xl font-bold text-blue-700"><?= number_format($s['order_count'] ?? 0) ?></div>
     <div class="text-xs text-gray-400 mt-1">금액: <?= number_format($s['order_amount'] ?? 0) ?>원</div>
   </div>
-  <div class="border border-gray-300 p-4 bg-white">
+  <div class="border border-gray-300 rounded-lg p-4 bg-white">
     <div class="text-xs text-gray-500">총 판매 건수</div>
     <div class="text-2xl font-bold text-green-700"><?= number_format($s['sale_count'] ?? 0) ?></div>
     <div class="text-xs text-gray-400 mt-1">금액: <?= number_format($s['sale_amount'] ?? 0) ?>원</div>
   </div>
-  <div class="border border-gray-300 p-4 bg-white">
+  <div class="border border-gray-300 rounded-lg p-4 bg-white">
     <div class="text-xs text-gray-500">재고 품목 수</div>
     <div class="text-2xl font-bold text-purple-700"><?= number_format($s['inventory_count'] ?? 0) ?></div>
     <div class="text-xs text-gray-400 mt-1">현재 재고가 있는 봉투 품목</div>
   </div>
-  <div class="border border-gray-300 p-4 bg-white">
+  <div class="border border-gray-300 rounded-lg p-4 bg-white">
     <div class="text-xs text-gray-500">이번 달 불출</div>
     <div class="text-2xl font-bold text-orange-700"><?= number_format($s['issue_count_month'] ?? 0) ?></div>
     <div class="text-xs text-gray-400 mt-1"><?= date('Y년 n월') ?> 무료용 불출</div>
@@ -47,13 +47,13 @@
       <h3 class="text-sm font-bold text-gray-700">최근 발주 5건</h3>
       <a href="<?= base_url('bag/bag-orders') ?>" class="text-xs text-blue-600 hover:underline">전체보기</a>
     </div>
-    <div class="border border-gray-300 overflow-auto">
+    <div class="border border-gray-300 rounded-lg p-4 overflow-auto">
       <table class="w-full data-table">
         <thead>
           <tr>
-            <th>LOT번호</th>
-            <th>발주일</th>
-            <th>상태</th>
+            <th class="text-center">LOT번호</th>
+            <th class="text-center">발주일</th>
+            <th class="text-center">상태</th>
           </tr>
         </thead>
         <tbody class="text-center">
@@ -92,15 +92,15 @@
       <h3 class="text-sm font-bold text-gray-700">최근 판매 5건</h3>
       <a href="<?= base_url('bag/bag-sales') ?>" class="text-xs text-blue-600 hover:underline">전체보기</a>
     </div>
-    <div class="border border-gray-300 overflow-auto">
+    <div class="border border-gray-300 rounded-lg p-4 overflow-auto">
       <table class="w-full data-table">
         <thead>
           <tr>
-            <th>판매소</th>
-            <th>봉투명</th>
-            <th>수량</th>
-            <th>금액</th>
-            <th>구분</th>
+            <th class="text-left pl-2">판매소</th>
+            <th class="text-left pl-2">봉투명</th>
+            <th class="text-right">수량</th>
+            <th class="text-right">금액</th>
+            <th class="text-center">구분</th>
           </tr>
         </thead>
         <tbody class="text-right">