:root{--color-primary: #1A73E8;--color-primary-hover: #1557B0;--color-primary-light: #f0f7ff;--color-primary-bg: #e8f0fe;--color-success: #2b8a3e;--color-success-bg: #d3f9d8;--color-warning: #e67700;--color-warning-bg: #fff3bf;--color-danger: #e03131;--color-danger-bg: #fff5f5;--color-info: #3B82F6;--bg-base: #f5f5f5;--bg-surface: #ffffff;--border-color: #e9ecef;--text-tertiary: #9aa0a6;--text-secondary: #5f6368;--text-primary: #1a1a1a;--text-heading: #1a1a1a;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.15);--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-height: 50px;--transition-duration: .3s}:root.theme-cute{--color-primary: #FF7D9D;--color-primary-hover: #F06A8D;--color-primary-light: #FFF0F5;--color-primary-bg: #FFE6EE;--color-secondary: #C69EFF;--color-accent: #FFD166;--color-gradient-start: #FF7D9D;--color-gradient-end: #C69EFF;--color-success: #52C41A;--color-success-bg: #E6FFE6;--color-warning: #FA8C16;--color-warning-bg: #FFF0D6;--color-danger: #FF4D4F;--color-danger-bg: #FFF1F0;--color-info: #1890FF;--bg-base: #FFF5F7;--bg-surface: #FFFFFF;--border-color: #FFE8F0;--text-tertiary: #B4869B;--text-secondary: #A06175;--text-primary: #592836;--text-heading: #592836;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(255, 125, 157, .08);--shadow-md: 0 4px 12px rgba(255, 125, 157, .12);--shadow-lg: 0 8px 24px rgba(255, 125, 157, .15);--shadow-xl: 0 12px 32px rgba(255, 125, 157, .2);--shadow-btn: 0 4px 12px rgba(255, 125, 157, .3);--transition-duration: .3s;--btn-hover-scale: 1.05;--card-hover-translate: -2px}:root.theme-cute .month-bar{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end))!important;box-shadow:0 4px 12px #ff7d9d33}:root.theme-cute .btn-primary{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end))!important;box-shadow:var(--shadow-btn)}:root.theme-business{--color-primary: #2C3E50;--color-primary-hover: #212F3F;--color-primary-light: #F5F7FA;--color-primary-bg: #E9ECEF;--color-secondary: #3498DB;--color-accent: #1ABC9C;--color-success: #27AE60;--color-success-bg: #D4EDDA;--color-warning: #F39C12;--color-warning-bg: #FFF3CD;--color-danger: #E74C3C;--color-danger-bg: #F8D7DA;--color-info: #3B82F6;--bg-base: #F8F9FA;--bg-surface: #FFFFFF;--border-color: #DEE2E6;--text-tertiary: #ADB5BD;--text-secondary: #7F8C8D;--text-primary: #2C3E50;--text-heading: #2C3E50;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--shadow-xl: 0 8px 24px rgba(0,0,0,.15);--shadow-btn: 0 2px 8px rgba(52, 152, 219, .2);--transition-duration: .2s;--btn-hover-scale: .98;--card-hover-translate: 0px}*,*:before,*:after{transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Noto Sans SC,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--transition-duration),color var(--transition-duration)}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(56px + 12px + var(--safe-bottom))}.month-bar{height:44px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.month-bar span{cursor:pointer;padding:0 16px;min-width:44px;text-align:center}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;z-index:100;transition:background var(--transition-duration),border-color var(--transition-duration)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--text-secondary);cursor:pointer;border:none;background:none;font-family:inherit;transition:color .15s;-webkit-user-select:none;user-select:none}.tab-item:active{opacity:.7}.tab-item.active{color:var(--color-primary)}.tab-icon{font-size:18px;line-height:1;margin-bottom:1px}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:14px;margin-bottom:10px;box-shadow:0 2px 8px #0000000f;transition:background var(--transition-duration)}.card-title{font-size:17px;font-weight:600;margin-bottom:var(--space-sm)}.page-title{font-size:22px;font-weight:700;margin-bottom:14px;color:var(--text-primary)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border-color) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.progress-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#16a34a);border-radius:4px;transition:width .3s}.progress-fill.warn{background:linear-gradient(90deg,var(--color-warning),var(--color-danger))}.tag{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;line-height:1.4}.tag-blue{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.tag-green{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.tag-yellow{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.tag-red{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.tag-gray{background:var(--border-color);color:var(--text-secondary)}.category-tag{transition:background .15s,transform .15s;-webkit-user-select:none;user-select:none}.category-tag:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary-hover)}.category-tag:active{transform:scale(.95)}.stat-value{font-size:22px;font-weight:700;line-height:1.3}.stat-value.expense{color:var(--color-danger)}.stat-value.income{color:var(--color-success)}.stat-label{font-size:11px;color:var(--text-secondary);margin-top:2px}.empty-state{text-align:center;padding:60px 16px;color:var(--text-secondary);font-size:14px}.btn-primary{background:var(--color-primary);color:#fff;font-size:15px;font-weight:600;padding:0 24px;height:40px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--transition-duration),transform .15s}.btn-primary:active{background:var(--color-primary-hover);transform:scale(.97)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.btn-secondary{background:transparent;color:var(--color-primary);font-size:15px;font-weight:500;padding:0 24px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--transition-duration),color var(--transition-duration),transform .15s}.btn-secondary:active{background:color-mix(in srgb,var(--color-primary) 10%,transparent);transform:scale(.97)}.btn-text{background:transparent;color:var(--text-secondary);font-size:15px;font-weight:400;padding:0 16px;height:40px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--transition-duration),color var(--transition-duration),transform .15s}.btn-text:active{background:var(--bg-base);transform:scale(.97)}.btn-danger{background:var(--color-danger);color:#fff;font-size:15px;font-weight:600;padding:0 24px;height:40px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--transition-duration),transform .15s}.btn-danger:active{background:#dc2626;transform:scale(.97)}.btn-cancel{background:var(--border-color);color:var(--text-secondary);font-size:15px;padding:0 24px;height:40px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--transition-duration),color var(--transition-duration),transform .15s}.btn-cancel:active{transform:scale(.97)}.input-field{height:42px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 14px;font-size:15px;font-family:inherit;background:var(--bg-surface);color:var(--text-primary);outline:none;width:100%;transition:background var(--transition-duration),border-color var(--transition-duration),color var(--transition-duration),box-shadow var(--transition-duration)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126}.input-field:disabled{background:var(--bg-base);cursor:not-allowed;opacity:.7}.input-field.error{border-color:var(--color-danger)}.input-field::placeholder{color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.modal-box{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-xl);width:280px;text-align:center;transition:background var(--transition-duration)}.modal-title{font-size:16px;font-weight:600;margin-bottom:8px}.modal-desc{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:center}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:300;pointer-events:none;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (min-width: 768px){.page-content,.month-bar{max-width:480px;margin:0 auto}.tab-bar{max-width:480px;left:50%;transform:translate(-50%)}}