feat: 가계부·게시판 프론트엔드 구현 + Slim Budget 브랜딩/모바일 대응

- 가계부: 대시보드(예산 대비 지출·분류별 파이·기간별 막대·순자산 추이),
  내역(검색·필터·태그), 계좌(은행/카드/대출/투자), 예산, 분류, 정기 거래,
  태그, 투자 포트폴리오(종목·매수/매도·평가손익)
- 게시판: 목록/상세/작성(마크다운)/댓글/태그/열람제한
- 공통: 인증(Bearer 토큰·401 처리), 모바일 반응형(드로어·아이콘 버튼),
  Slim Budget 브랜딩(로고/타이틀/푸터), 홈 대시보드 자리
- 문서: docs/FRONTEND.md

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

src/assets/main.css

@@ -1,9 +1,6 @@
 @import './base.css';
 
 #app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
   font-weight: normal;
 }
 
@@ -12,7 +9,6 @@ a,
   text-decoration: none;
   color: hsla(160, 100%, 37%, 1);
   transition: 0.4s;
-  padding: 3px;
 }
 
 @media (hover: hover) {
@@ -21,15 +17,50 @@ a,
   }
 }
 
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
+/* ===== Toast UI 코드 스타일 (에디터/뷰어 공통) =====
+   인라인 코드: 다크 배경 + 흰 글자 / 코드 블록: 다크 + 구문 강조(Prism) + Copy 버튼.
+   클래스 중첩으로 우선순위를 높여 라이브러리 기본 스타일을 덮어쓴다. */
+.toastui-editor-contents.toastui-editor-contents :not(pre) > code {
+  color: #ffffff;
+  background-color: #1e1e1e;
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 100%;
+  border-radius: 6px;
+  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+}
+.toastui-editor-contents.toastui-editor-contents pre {
+  position: relative;
+  background-color: #1e1e1e;
+  border-radius: 8px;
+  padding: 14px 16px;
+  overflow: auto;
+  font-size: 100%;
+  line-height: 1.5;
+}
+.toastui-editor-contents.toastui-editor-contents pre code {
+  background: transparent;
+  padding: 0;
+  font-size: 100%;
+  color: #f0f0f0;
+  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+}
+
+/* 코드 블록 Copy 버튼 (JS로 주입되므로 전역 스타일) */
+.toastui-editor-contents pre .code-copy-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 4px 12px;
+  font-size: 12px;
+  color: #ddd;
+  background: #2d2d2d;
+  border: 1px solid #444;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.toastui-editor-contents pre .code-copy-btn:hover {
+  background: #3a3a3a;
+  color: #fff;
 }