:root{--color-primary: #3182F6;--color-primary-light: #EBF4FF;--color-primary-dark: #1B64DA;--color-danger: #F04452;--color-danger-light: #FFF0F1;--color-success: #00C471;--color-success-light: #E8FAF0;--color-warning: #FF9F40;--color-warning-light: #FFF8F0;--color-bg: #F5F6F8;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F2F4F6;--color-gray-200: #E5E8EB;--color-gray-300: #D1D6DB;--color-gray-400: #B0B8C1;--color-gray-500: #8B95A1;--color-gray-600: #6B7684;--color-gray-700: #4E5968;--color-gray-800: #333D4B;--color-gray-900: #191F28;--color-income: #3182F6;--color-expense: #F04452;--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--header-height: 56px;--bottom-nav-height: 64px;--max-width: 480px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:16px;color:var(--color-gray-900);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}ul,ol{list-style:none}.page-container{max-width:var(--max-width);margin:0 auto;padding:var(--space-base);padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl))}.page-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-lg)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}@media(min-width:768px){:root{--max-width: 640px}}