feat: 내역 추가/수정 전체화면 모달 + 분류 대분류 아코디언

- 내역 추가/수정 폼을 전체화면 모달로(바깥 영역 없음·× 로만 닫힘)
  → 입력 중 바깥 실수 터치로 닫히는 불편 해소. PC는 내용 폭 460px 가운데정렬
- 분류 화면: 대분류 삼각형(▶) 토글로 소분류 펼침/접힘(기본 접힘, 개수 뱃지)
  소분류 추가 시 해당 대분류 자동 펼침. 순서변경 모드에선 모두 펼침

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

src/views/account/AccountView.vue

@@ -1012,8 +1012,8 @@ onMounted(async () => {
     <!-- 추가/수정 모달 -->
     <Teleport to="body">
       <Transition name="fade">
-        <div v-if="formOpen" class="modal-backdrop" @click.self="formOpen = false">
-          <div class="modal" role="dialog" aria-modal="true">
+        <div v-if="formOpen" class="modal-backdrop entry-backdrop">
+          <div class="modal entry-modal" role="dialog" aria-modal="true">
             <button class="close" type="button" @click="formOpen = false">×</button>
             <h2>{{ editId ? '내역 수정' : '내역 추가' }}</h2>
 
@@ -1661,6 +1661,27 @@ button.primary {
   font-size: 0.8rem;
   opacity: 0.6;
 }
+/* 내역 추가/수정: 전체화면 모달 — 바깥 영역이 없어 실수로 닫히지 않음(× 로만 닫힘) */
+.entry-backdrop {
+  padding: 0;
+}
+.modal.entry-modal {
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: 100%;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  padding-top: calc(1.5rem + env(safe-area-inset-top));
+}
+/* 넓은 화면(PC)에서도 입력 내용은 읽기 좋은 폭으로 가운데 정렬 */
+.modal.entry-modal > h2,
+.modal.entry-modal .entry-form {
+  max-width: 460px;
+  margin-left: auto;
+  margin-right: auto;
+}
 .modal {
   position: relative;
   width: 100%;