feat: 글래스모피즘 디자인 시스템 및 색상 가이드 전면 적용

- @doc/color.md 가이드라인에 따른 색상 시스템 전면 개편
- 딥 블루(#2563EB), 스카이 블루(#60A5FA) 메인 컬러로 변경
- 모든 화면과 위젯에 글래스모피즘 효과 일관성 있게 적용
- darkNavy, navyGray 등 새로운 텍스트 색상 체계 도입
- 공통 스낵바 및 다이얼로그 컴포넌트 추가
- Claude AI 프로젝트 컨텍스트 파일(CLAUDE.md) 추가

영향받은 컴포넌트:
- 10개 스크린 (main, settings, detail, splash 등)
- 30개 이상 위젯 (buttons, cards, forms 등)
- 테마 시스템 (AppColors, AppTheme)

🤖 Generated with Claude Code

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

lib/widgets/detail/detail_form_section.dart

@@ -240,7 +240,7 @@ class _CurrencyOption extends StatelessWidget {
           decoration: BoxDecoration(
             color: isSelected 
                 ? Theme.of(context).primaryColor 
-                : Colors.grey.withOpacity(0.1),
+                : Colors.grey.withValues(alpha: 0.1),
             borderRadius: BorderRadius.circular(12),
           ),
           child: Center(
@@ -291,7 +291,7 @@ class _BillingCycleSelector extends StatelessWidget {
                   vertical: 12,
                 ),
                 decoration: BoxDecoration(
-                  color: isSelected ? baseColor : Colors.grey.withOpacity(0.1),
+                  color: isSelected ? baseColor : Colors.grey.withValues(alpha: 0.1),
                   borderRadius: BorderRadius.circular(12),
                 ),
                 child: Text(
@@ -341,14 +341,14 @@ class _CategorySelector extends StatelessWidget {
               vertical: 10,
             ),
             decoration: BoxDecoration(
-              color: isSelected ? baseColor : Colors.grey.withOpacity(0.1),
+              color: isSelected ? baseColor : Colors.grey.withValues(alpha: 0.1),
               borderRadius: BorderRadius.circular(12),
             ),
             child: Row(
               mainAxisSize: MainAxisSize.min,
               children: [
                 Text(
-                  category.emoji,
+                  category.icon,
                   style: const TextStyle(fontSize: 16),
                 ),
                 const SizedBox(width: 6),