chore(WEB): 글로벌 스타일 수정 및 레이아웃 미세 조정

- globals.css 스타일 업데이트
- AuthenticatedLayout 수정
- claudedocs 문서 인덱스 업데이트

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

src/app/globals.css

@@ -296,9 +296,12 @@
     box-shadow: var(--clean-shadow-xl);
   }
 
-  /* Smooth transitions for all interactive elements */
-  * {
-    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  /* Smooth transitions for interactive elements only */
+  button, a, input, select, textarea,
+  [role="button"], [role="tab"], [role="menuitem"] {
+    transition-property: color, background-color, border-color, box-shadow;
+    transition-duration: 0.2s;
+    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
 
   /* Bell ringing animation for notifications */

src/layouts/AuthenticatedLayout.tsx

@@ -699,7 +699,7 @@ export default function AuthenticatedLayout({ children }: AuthenticatedLayoutPro
     return (
       <div className="flex flex-col bg-background min-h-screen">
         {/* 모바일 헤더 - sam-design 스타일 */}
-        <header className="clean-glass sticky top-0 z-40 px-1.5 py-1.5 m-1.5 min-[320px]:px-2 min-[320px]:py-2 min-[320px]:m-2 sm:px-4 sm:py-4 sm:m-3 rounded-2xl clean-shadow">
+        <header className="sticky top-0 z-40 px-1.5 py-1.5 m-1.5 min-[320px]:px-2 min-[320px]:py-2 min-[320px]:m-2 sm:px-4 sm:py-4 sm:m-3 rounded-2xl clean-shadow bg-background border border-border">
           <div className="flex items-center justify-between">
             {/* 좌측 영역: 햄버거 메뉴 + (대시보드일 때는 로고, 다른 페이지일 때는 이전/홈 버튼) */}
             <div className="flex items-center space-x-1 min-[320px]:space-x-2">