:root{--primary-color: #1677FF;--primary-hover: #0958d9;--income-color: #00B42A;--expense-color: #F53F3F;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-light: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: #ffffff;--border-color: #d2d2d7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--max-width: 1200px;--header-height: 64px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:1rem;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--text-light)}.section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.text-income{color:var(--income-color)}.text-expense{color:var(--expense-color)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-normal)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}.section-title{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.card{padding:var(--spacing-md)}}@media (max-width: 480px){html{font-size:12px}.container{padding:0 var(--spacing-sm)}}