:root{--primary-50: #faf5ff;--primary-100: #f3e8ff;--primary-200: #e9d5ff;--primary-300: #d8b4fe;--primary-400: #c084fc;--primary-500: #a855f7;--primary-600: #9333ea;--accent-50: #fff1f2;--accent-100: #ffe4e6;--accent-200: #fecdd3;--accent-300: #fda4af;--accent-400: #fb7185;--accent-500: #f43f5e;--success-50: #f0fdfa;--success-100: #ccfbf1;--success-200: #99f6e4;--success-400: #2dd4bf;--success-500: #14b8a6;--warning-400: #fbbf24;--warning-500: #f59e0b;--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--bg-main: #fef7fb;--bg-surface: #ffffff;--bg-surface-hover: #fdf2f8;--bg-sidebar: linear-gradient(180deg, #fdf2f8 0%, #faf5ff 50%, #f0f9ff 100%);--text-primary: #292524;--text-secondary: #78716c;--text-tertiary: #a8a29e;--border-light: #f3e8ff;--border-medium: #e9d5ff;--shadow-sm: 0 1px 3px rgba(168, 85, 247, .06);--shadow-md: 0 4px 12px rgba(168, 85, 247, .08);--shadow-lg: 0 8px 24px rgba(168, 85, 247, .1);--shadow-xl: 0 16px 48px rgba(168, 85, 247, .12);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(233, 213, 255, .5);--glass-blur: blur(12px);--font-family: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, 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;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 240px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh}#app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition-base)}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-light)}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.5rem}.logo-text{font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,var(--primary-500),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{padding:12px 8px;display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.nav-item:hover{background:var(--bg-surface-hover);color:var(--primary-600)}.nav-item.active{background:linear-gradient(135deg,var(--primary-100),var(--accent-50));color:var(--primary-600);font-weight:600;box-shadow:var(--shadow-sm)}.nav-icon{font-size:1.1rem;width:24px;text-align:center}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.ai-input-bar{position:sticky;top:0;z-index:50;padding:16px 24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.ai-input-wrapper{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:6px 6px 6px 18px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ai-input-wrapper:focus-within{border-color:var(--primary-300);box-shadow:0 0 0 4px #a855f714}.ai-input-icon{font-size:1.2rem;flex-shrink:0}.ai-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);padding:8px 0}.ai-input::placeholder{color:var(--text-tertiary)}.ai-submit-btn{flex-shrink:0;padding:8px 20px;background:linear-gradient(135deg,var(--primary-400),var(--accent-400));color:#fff;border:none;border-radius:20px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ai-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.ai-submit-btn:active{transform:translateY(0)}.ai-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-feedback{margin-top:10px;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);animation:slideDown .3s ease}.ai-feedback.success{background:var(--success-50);color:var(--success-500);border:1px solid var(--success-200)}.ai-feedback.error{background:var(--accent-50);color:var(--accent-500);border:1px solid var(--accent-200)}.ai-feedback.loading{background:var(--primary-50);color:var(--primary-500);border:1px solid var(--primary-200)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-content{flex:1;padding:24px;max-width:960px;width:100%}.page-header{margin-bottom:24px}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-top:4px}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.card-gradient{border:none;color:#fff}.card-gradient.purple{background:linear-gradient(135deg,#c084fc,#a855f7,#9333ea)}.card-gradient.rose{background:linear-gradient(135deg,#fb7185,#f43f5e,#e11d48)}.card-gradient.teal{background:linear-gradient(135deg,#2dd4bf,#14b8a6,#0d9488)}.card-gradient.amber{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706)}.card-gradient.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb)}.card-gradient.pink{background:linear-gradient(135deg,#f9a8d4,#ec4899,#db2777)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:20px;border-radius:var(--radius-lg)}.stat-label{font-size:var(--font-size-sm);opacity:.85;font-weight:500}.stat-value{font-size:var(--font-size-2xl);font-weight:700;margin-top:4px}.stat-change{font-size:var(--font-size-xs);margin-top:4px;opacity:.8}.list-container{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:default}.list-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.list-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.list-item-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.list-item-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.list-item-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.list-item-right{text-align:right;display:flex;align-items:center;gap:10px;flex-shrink:0}.list-item-amount{font-size:var(--font-size-md);font-weight:700}.amount-positive{color:var(--success-500)}.amount-negative{color:var(--accent-500)}.list-item-actions{display:flex;gap:4px}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);transition:all var(--transition-fast);color:var(--text-secondary)}.icon-btn:hover{border-color:var(--primary-200);background:var(--primary-50);color:var(--primary-500)}.icon-btn.danger:hover{border-color:var(--accent-200);background:var(--accent-50);color:var(--accent-500)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-md);border:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary-400),var(--primary-500));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{border-color:var(--primary-300);background:var(--primary-50)}.btn-danger{background:var(--accent-50);color:var(--accent-500);border:1px solid var(--accent-200)}.btn-danger:hover{background:var(--accent-100)}.btn-icon{padding:8px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:var(--font-size-lg);font-weight:600}.form-group{margin-bottom:16px}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select{width:100%;padding:10px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px #a855f714}.form-input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);width:90%;max-width:480px;box-shadow:var(--shadow-xl);animation:scaleIn .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-md);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--accent-50);color:var(--accent-500)}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap}.data-table th{text-align:left;padding:10px 16px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--gray-50)}.data-table th:first-child{border-radius:var(--radius-md) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-md) 0 0}.data-table td{padding:12px 16px;font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-surface-hover)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.empty-state-icon{font-size:3rem;margin-bottom:12px}.empty-state-text{font-size:var(--font-size-base);margin-bottom:16px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600}.badge-purple{background:var(--primary-100);color:var(--primary-600)}.badge-rose{background:var(--accent-100);color:var(--accent-500)}.badge-teal{background:var(--success-100);color:var(--success-500)}.badge-amber{background:#fef3c7;color:var(--warning-500)}.stock-price-up{color:var(--success-500)}.stock-price-down{color:var(--accent-500)}.profit-loss{font-size:var(--font-size-sm);font-weight:600}.refresh-indicator{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.refresh-indicator .spinner{width:12px;height:12px;border:2px solid var(--border-light);border-top-color:var(--primary-400);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.text-right{text-align:right}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:200;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface);box-shadow:var(--shadow-md);font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center}.cash-balance-display{text-align:center;padding:40px 20px}.cash-balance-label{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:8px}.cash-balance-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cash-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}.settings-section{margin-bottom:24px}.settings-section h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:12px;color:var(--text-primary)}.api-key-input{font-family:monospace}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-toggle{display:flex}.stats-grid{grid-template-columns:1fr 1fr}.form-row,.grid-2{grid-template-columns:1fr}.page-content{padding:16px}.ai-input-bar{padding:12px 16px 12px 56px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}