*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;background-color:#fff9f2;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}.num-font{font-family:DIN Alternate,Roboto Mono,monospace,sans-serif}.card{background-color:#fff;border-radius:24px;box-shadow:0 4px 24px #0000000f}.btn{color:#fff;cursor:pointer;background:#ff8c42;border:none;border-radius:12px;padding:12px 24px;font-weight:700;transition:transform .1s;box-shadow:0 4px 10px #ff8c424d}.btn:active{transform:scale(.95)}.layout[data-v-f8a49b0a]{gap:24px;height:100vh;padding:24px;display:flex}.sidebar[data-v-f8a49b0a]{flex-direction:column;width:280px;padding:32px 24px;display:flex}.sidebar .logo[data-v-f8a49b0a]{align-items:center;gap:12px;margin-bottom:24px;display:flex}.sidebar .logo .icon[data-v-f8a49b0a]{font-size:32px}.sidebar .logo h2[data-v-f8a49b0a]{color:#ff8c42;font-size:20px}.sidebar .clerk-selector[data-v-f8a49b0a]{background:#fff0e6;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:32px;padding:12px;display:flex}.sidebar .clerk-selector label[data-v-f8a49b0a]{color:#d35400;font-size:12px;font-weight:700}.sidebar .clerk-selector select[data-v-f8a49b0a]{border:none;border-radius:8px;outline:none;padding:8px;font-weight:700}.sidebar .nav-menu[data-v-f8a49b0a]{flex-direction:column;flex:1;gap:16px;display:flex}.sidebar .nav-menu a[data-v-f8a49b0a]{color:#999;border-radius:16px;align-items:center;gap:12px;padding:16px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sidebar .nav-menu a.active[data-v-f8a49b0a],.sidebar .nav-menu a[data-v-f8a49b0a]:hover{color:#ff8c42;background:#ff8c421a}.sidebar .add-btn[data-v-f8a49b0a]{width:100%;padding:16px;font-size:18px}.sidebar .add-btn[data-v-f8a49b0a]:disabled{box-shadow:none;cursor:not-allowed;background:#ccc}.main-content[data-v-f8a49b0a]{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-content .top-header[data-v-f8a49b0a]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.main-content .top-header h1[data-v-f8a49b0a]{font-size:28px}.main-content .top-header .user-info[data-v-f8a49b0a]{background:#fff;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;font-weight:700;display:flex;box-shadow:0 2px 10px #0000000d}.dashboard-view[data-v-f8a49b0a]{flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard[data-v-f8a49b0a]{flex-direction:column;flex:1;gap:24px;padding-right:12px;display:flex;overflow-y:auto}.dashboard .data-cards[data-v-f8a49b0a]{gap:24px;display:flex}.dashboard .data-cards .data-card[data-v-f8a49b0a]{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.dashboard .data-cards .data-card .label[data-v-f8a49b0a]{color:#999;font-size:14px}.dashboard .data-cards .data-card .value[data-v-f8a49b0a]{font-size:36px;font-weight:700}.dashboard .data-cards .data-card.income .value[data-v-f8a49b0a]{color:#52c41a}.dashboard .data-cards .data-card.expense .value[data-v-f8a49b0a]{color:#ff6b6b}.dashboard .data-cards .data-card.balance .value[data-v-f8a49b0a]{color:#333}.dashboard .transactions-section[data-v-f8a49b0a]{flex:1;padding:24px}.dashboard .transactions-section h2[data-v-f8a49b0a]{margin-bottom:24px;font-size:20px}.dashboard .transactions-section .transaction-list[data-v-f8a49b0a]{flex-direction:column;gap:16px;display:flex}.dashboard .transactions-section .transaction-list .transaction-item[data-v-f8a49b0a]{background:#f9f9f9;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.dashboard .transactions-section .transaction-list .transaction-item .left[data-v-f8a49b0a]{align-items:center;gap:16px;display:flex}.dashboard .transactions-section .transaction-list .transaction-item .left .category-icon[data-v-f8a49b0a]{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex;box-shadow:0 2px 8px #0000000d}.dashboard .transactions-section .transaction-list .transaction-item .left .info[data-v-f8a49b0a]{flex-direction:column;gap:6px;display:flex}.dashboard .transactions-section .transaction-list .transaction-item .left .info .category[data-v-f8a49b0a]{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.dashboard .transactions-section .transaction-list .transaction-item .left .info .category .tag[data-v-f8a49b0a]{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:400}.dashboard .transactions-section .transaction-list .transaction-item .left .info .category .tag.platform[data-v-f8a49b0a]{color:#52c41a;background:#e6f7ed}.dashboard .transactions-section .transaction-list .transaction-item .left .info .category .tag.method[data-v-f8a49b0a]{color:#4dabf7;background:#e6f4ff}.dashboard .transactions-section .transaction-list .transaction-item .left .info .time[data-v-f8a49b0a]{color:#999;font-size:12px}.dashboard .transactions-section .transaction-list .transaction-item .right[data-v-f8a49b0a]{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dashboard .transactions-section .transaction-list .transaction-item .right .amount[data-v-f8a49b0a]{font-size:24px;font-weight:700}.dashboard .transactions-section .transaction-list .transaction-item .right .amount.income[data-v-f8a49b0a]{color:#52c41a}.dashboard .transactions-section .transaction-list .transaction-item .right .amount.expense[data-v-f8a49b0a]{color:#ff6b6b}.dashboard .transactions-section .transaction-list .transaction-item .right .action-row[data-v-f8a49b0a]{align-items:center;gap:12px;display:flex}.dashboard .transactions-section .transaction-list .transaction-item .right .remark[data-v-f8a49b0a]{color:#999;font-size:12px}.assets-view[data-v-f8a49b0a]{flex-direction:column;flex:1;display:flex;overflow-y:auto}.import-section[data-v-f8a49b0a]{flex:1;padding:32px}.import-section h2[data-v-f8a49b0a]{margin-bottom:12px}.import-section .desc[data-v-f8a49b0a]{color:#666;margin-bottom:24px;line-height:1.5}.import-section .upload-area[data-v-f8a49b0a]{background:#fff0e6;border:2px dashed #ff8c42;border-radius:16px;justify-content:center;align-items:center;height:160px;transition:all .3s;display:flex;position:relative}.import-section .upload-area[data-v-f8a49b0a]:hover{background:#ffe0cc}.import-section .upload-area input[data-v-f8a49b0a]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.import-section .upload-area .upload-placeholder[data-v-f8a49b0a]{color:#d35400;flex-direction:column;align-items:center;gap:12px;display:flex}.import-section .upload-area .upload-placeholder .icon[data-v-f8a49b0a]{font-size:48px}.import-section .upload-area .upload-placeholder[data-v-f8a49b0a]{font-weight:700}.import-section .preview-area[data-v-f8a49b0a]{margin-top:32px}.import-section .preview-area h3[data-v-f8a49b0a]{margin-bottom:16px}.import-section .preview-area .table-wrap[data-v-f8a49b0a]{border:1px solid #eee;border-radius:8px;max-height:400px;margin-bottom:24px;overflow:auto}.import-section .preview-area .preview-table[data-v-f8a49b0a]{border-collapse:collapse;width:100%;min-width:800px}.import-section .preview-area .preview-table th[data-v-f8a49b0a],.import-section .preview-area .preview-table td[data-v-f8a49b0a]{text-align:left;border-bottom:1px solid #eee;padding:12px}.import-section .preview-area .preview-table th[data-v-f8a49b0a]{color:#999;z-index:10;background:#fff;font-weight:400;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.import-section .preview-area .import-actions[data-v-f8a49b0a]{background:#f9f9f9;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.import-section .preview-area .import-actions select[data-v-f8a49b0a]{border:1px solid #ddd;border-radius:8px;padding:8px 16px}.settings-view[data-v-f8a49b0a]{flex-direction:column;flex:1;display:flex;overflow-y:auto}.settings-grid[data-v-f8a49b0a]{flex-wrap:wrap;gap:24px;display:flex}.monitor-card[data-v-f8a49b0a],.clerks-card[data-v-f8a49b0a]{flex:1;min-width:300px;padding:32px}.monitor-card h2[data-v-f8a49b0a],.clerks-card h2[data-v-f8a49b0a]{align-items:center;gap:12px;margin-bottom:24px;font-size:20px;display:flex}.monitor-card .stats-box[data-v-f8a49b0a]{flex-direction:column;gap:16px;display:flex}.monitor-card .stats-box .stat-item[data-v-f8a49b0a]{background:#f9f9f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.monitor-card .stats-box .stat-item .label[data-v-f8a49b0a]{color:#666}.monitor-card .stats-box .stat-item .val[data-v-f8a49b0a]{color:#ff8c42;font-size:18px;font-weight:700}.monitor-card .stats-box .progress-bar-wrap[data-v-f8a49b0a]{margin-top:16px}.monitor-card .stats-box .progress-bar-wrap .progress-bar[data-v-f8a49b0a]{background:#eee;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.monitor-card .stats-box .progress-bar-wrap .progress-bar .fill[data-v-f8a49b0a]{background:#52c41a;height:100%;transition:width .5s}.monitor-card .stats-box .progress-bar-wrap .progress-text[data-v-f8a49b0a]{color:#999;text-align:right;font-size:12px}.clerks-card .add-clerk[data-v-f8a49b0a]{gap:12px;margin-bottom:24px;display:flex}.clerks-card .add-clerk input[data-v-f8a49b0a]{flex:1}.clerks-card .clerk-list[data-v-f8a49b0a]{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.clerks-card .clerk-list li[data-v-f8a49b0a]{background:#f9f9f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.clerks-card .clerk-list li[data-v-f8a49b0a]:hover{background:#f0f0f0}.clerks-card .clerk-list li .name[data-v-f8a49b0a]{font-size:16px;font-weight:700}.clerks-card .clerk-list li .actions[data-v-f8a49b0a]{gap:8px;display:flex}.clerks-card .clerk-list li .actions .icon-btn[data-v-f8a49b0a]{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;font-size:16px}.clerks-card .clerk-list li .actions .icon-btn[data-v-f8a49b0a]:hover{background:#fff}.text-input[data-v-f8a49b0a]{background:#f9f9f9;border:1px solid #eee;border-radius:12px;outline:none;padding:12px;font-size:14px}.text-input[data-v-f8a49b0a]:focus{background:#fff;border-color:#ff8c42}.text-input.small[data-v-f8a49b0a]{border-radius:8px;padding:6px;font-size:12px}.btn[data-v-f8a49b0a]{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff9a5a,#ff7a2f);border:none;border-radius:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #ff8c424d}.btn[data-v-f8a49b0a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4266}.btn[data-v-f8a49b0a]:active{transform:translateY(0)}.add-btn-small[data-v-f8a49b0a]{border-radius:12px;padding:12px 16px}.icon-btn[data-v-f8a49b0a]{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn[data-v-f8a49b0a]:hover{background:#0000000d;transform:scale(1.1)}.icon-btn.del-small[data-v-f8a49b0a]{filter:grayscale();opacity:.6}.icon-btn.del-small[data-v-f8a49b0a]:hover{filter:grayscale(0);opacity:1;background:#ffe5e5}.modal-overlay[data-v-f8a49b0a]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-f8a49b0a]{background:#fff;flex-direction:column;gap:20px;width:560px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp-f8a49b0a;display:flex;overflow-y:auto}.modal-content .modal-header[data-v-f8a49b0a]{align-items:center;gap:16px;display:flex}.modal-content .modal-header h2[data-v-f8a49b0a]{flex:1}.modal-content .modal-header .ocr-btn[data-v-f8a49b0a]{color:#52c41a;cursor:pointer;background:#e6f7ed;border:none;border-radius:20px;padding:8px 16px;font-weight:700}.modal-content .modal-header .close-btn[data-v-f8a49b0a]{color:#999;cursor:pointer;background:0 0;border:none;font-size:32px}.modal-content .type-tabs[data-v-f8a49b0a]{background:#f7f7f7;border-radius:12px;padding:4px;display:flex}.modal-content .type-tabs button[data-v-f8a49b0a]{cursor:pointer;color:#999;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:700}.modal-content .type-tabs button.active[data-v-f8a49b0a]{color:#ff8c42;background:#fff;box-shadow:0 2px 8px #0000000d}.modal-content .form-row[data-v-f8a49b0a]{gap:16px;display:flex}.modal-content .form-row .half[data-v-f8a49b0a]{flex:1}.modal-content .form-group[data-v-f8a49b0a]{flex-direction:column;gap:8px;display:flex}.modal-content .form-group label[data-v-f8a49b0a]{color:#666;font-size:14px;font-weight:700}.modal-content .form-group .amount-input-wrap[data-v-f8a49b0a]{border-bottom:2px solid #ff8c42;align-items:baseline;gap:8px;padding-bottom:8px;display:flex}.modal-content .form-group .amount-input-wrap .currency[data-v-f8a49b0a]{font-size:32px;font-weight:700}.modal-content .form-group .amount-input-wrap input[data-v-f8a49b0a]{border:none;outline:none;width:100%;font-size:48px;font-weight:700}.modal-content .form-group .amount-input-wrap input[data-v-f8a49b0a]::placeholder{color:#ddd}.modal-content .form-group .category-grid[data-v-f8a49b0a]{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.modal-content .form-group .category-grid .cat-item[data-v-f8a49b0a]{cursor:pointer;background:#f9f9f9;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;transition:all .2s;display:flex}.modal-content .form-group .category-grid .cat-item .icon[data-v-f8a49b0a]{font-size:24px}.modal-content .form-group .category-grid .cat-item .name[data-v-f8a49b0a]{color:#666;font-size:12px}.modal-content .form-group .category-grid .cat-item.active[data-v-f8a49b0a]{background:#ff8c42}.modal-content .form-group .category-grid .cat-item.active .name[data-v-f8a49b0a]{color:#fff;font-weight:700}.modal-content .submit-btn[data-v-f8a49b0a]{margin-top:8px;padding:16px;font-size:18px}@keyframes slideUp-f8a49b0a{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}