:root{--color-primary: #268738;--color-primary-dark: #1a6b2c;--color-primary-mid: #3d9a52;--color-primary-light: #e8f5eb;--color-primary-muted: rgba(38, 135, 56, .1);--color-primary-border: rgba(38, 135, 56, .22);--color-success: #15803d;--color-success-bg: #ecfdf3;--color-success-border: #bbf7d0;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-danger: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-info: #1d4ed8;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--color-metric-income: var(--color-success);--color-metric-income-bg: var(--color-success-bg);--color-metric-income-border: var(--color-success-border);--color-metric-refund: var(--color-danger);--color-metric-refund-bg: var(--color-danger-bg);--color-metric-refund-border: var(--color-danger-border);--color-metric-pending: var(--color-warning);--color-metric-pending-bg: var(--color-warning-bg);--color-metric-pending-border: var(--color-warning-border);--color-metric-net: var(--color-info);--color-metric-net-bg: var(--color-info-bg);--color-metric-net-border: var(--color-info-border);--color-status-pending: #3b6fd9;--color-status-pending-bg: #eff6ff;--color-status-pending-border: #bfdbfe;--color-status-progress: #c2780a;--color-status-progress-bg: #fffbeb;--color-status-progress-border: #fde68a;--color-status-done: #1a8f4a;--color-status-done-bg: #ecfdf3;--color-status-done-border: #bbf7d0;--color-text-primary: #1a211e;--color-text-secondary: #5c6670;--color-text-muted: #8b9590;--color-text-inverse: rgba(255, 255, 255, .94);--color-bg-page: #f4f6f5;--color-surface: #ffffff;--color-surface-muted: #f8faf9;--color-surface-hover: #f1f4f2;--color-border: #dde3df;--color-border-light: #eaeeec;--color-sidebar: #151d19;--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-active: rgba(38, 135, 56, .18);--color-sidebar-active-glow: #5cb870;--color-sidebar-active-text: #b8e6c4;--color-sidebar-text: rgba(255, 255, 255, .78);--color-sidebar-muted: rgba(255, 255, 255, .38);--color-sidebar-divider: rgba(255, 255, 255, .07);--sidebar-width: 220px;--header-height: 56px;--font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Consolas", "Cascadia Code", "Courier New", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--el-color-primary: var(--color-primary);--el-color-primary-light-3: #4d9d5f;--el-color-primary-light-5: #8fc49a;--el-color-primary-light-7: #c2dfc8;--el-color-primary-light-8: #d8ebdc;--el-color-primary-light-9: #ecf5ee;--el-color-primary-dark-2: var(--color-primary-dark);--el-color-danger: var(--color-danger);--el-color-warning: var(--color-warning);--el-color-success: var(--color-success);--el-color-info: var(--color-info);--el-border-radius-base: 6px;--el-border-radius-small: 4px;--el-border-radius-round: 20px;--el-font-family: var(--font-family);--el-text-color-primary: var(--color-text-primary);--el-text-color-regular: var(--color-text-secondary);--el-text-color-secondary: var(--color-text-muted);--el-border-color: var(--color-border);--el-border-color-light: var(--color-border-light);--el-fill-color-blank: var(--color-surface);--el-bg-color: var(--color-surface);--el-bg-color-page: var(--color-bg-page);--el-table-header-bg-color: var(--color-surface-muted);--el-table-row-hover-bg-color: var(--color-surface-hover);--el-table-border-color: var(--color-border-light);--el-menu-bg-color: transparent;--el-menu-text-color: rgba(255, 255, 255, .8);--el-menu-active-color: #ffffff;--el-menu-hover-bg-color: rgba(255, 255, 255, .07)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{min-height:100vh;font-family:var(--font-family);font-size:var(--text-md);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000024;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000003d}.page-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.page-title{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.2px;line-height:1.3}.page-subtitle{margin:3px 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.section-title{font-size:var(--text-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:600;color:var(--color-text-primary)}.text-highlight{font-weight:600;color:var(--color-text-primary)}.text-income{color:var(--color-metric-income);font-weight:600}.text-refund{color:var(--color-metric-refund);font-weight:600}.text-pending{color:var(--color-metric-pending);font-weight:600}.text-net{color:var(--color-metric-net);font-weight:600}.text-info{color:var(--color-info);font-weight:600}.text-success{color:var(--color-success);font-weight:600}.text-danger{color:var(--color-danger);font-weight:600}.text-warn{color:var(--color-warning);font-weight:600}.text-muted{color:var(--color-text-muted)}.hint-bar{margin:0 0 var(--space-4);padding:10px 14px;font-size:var(--text-sm);line-height:1.55;color:var(--color-text-secondary);background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.summary-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:1px solid var(--color-border-light);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.summary-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-xs)}.summary-card__value{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary);line-height:1.2}.summary-card__label{margin-top:6px;font-size:var(--text-sm);color:var(--color-text-secondary)}.summary-card--default .summary-card__value{color:var(--color-primary-dark)}.summary-card--income{background:var(--color-metric-income-bg);border-color:var(--color-metric-income-border)}.summary-card--income .summary-card__value{color:var(--color-metric-income)}.summary-card--refund{background:var(--color-metric-refund-bg);border-color:var(--color-metric-refund-border)}.summary-card--refund .summary-card__value{color:var(--color-metric-refund)}.summary-card--pending{background:var(--color-metric-pending-bg);border-color:var(--color-metric-pending-border)}.summary-card--pending .summary-card__value{color:var(--color-metric-pending)}.summary-card--net{background:var(--color-metric-net-bg);border-color:var(--color-metric-net-border)}.summary-card--net .summary-card__value{color:var(--color-metric-net)}.stat-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.stat-card{flex:1 1 120px;min-width:100px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-surface)}.stat-card--brand{flex:1.2 1 140px;background:var(--color-primary-light);border-color:var(--color-primary-border)}.stat-card__label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:4px}.stat-card__value{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.stat-card--brand .stat-card__value{color:var(--color-primary-dark)}.stat-card__value--warn{color:var(--color-warning)}.stat-card__value--danger{color:var(--color-danger)}.stat-card__value--info{color:var(--color-info)}.status-surface--pending{border-color:var(--color-status-pending-border)!important;background:linear-gradient(180deg,var(--color-status-pending-bg) 0%,var(--color-surface) 100%)!important}.status-surface--progress{border-color:var(--color-status-progress-border)!important;background:linear-gradient(180deg,var(--color-status-progress-bg) 0%,var(--color-surface) 55%)!important;box-shadow:0 2px 8px #c2780a0f}.status-surface--done{border-color:var(--color-status-done-border)!important;background:linear-gradient(180deg,var(--color-status-done-bg) 0%,var(--color-surface) 100%)!important}@media(max-width:1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.el-table{border-radius:var(--radius-md)!important;font-size:var(--text-md)!important}.el-table th.el-table__cell{font-size:var(--text-sm)!important;font-weight:600!important;color:var(--color-text-secondary)!important;letter-spacing:.3px;padding:10px 12px!important;background-color:var(--el-table-header-bg-color)!important}.el-table td.el-table__cell{padding:10px 12px!important}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--color-surface-muted)!important}.el-button{font-weight:500!important;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)!important}.el-button--primary:not(.is-disabled):not(.is-plain):hover{box-shadow:0 4px 12px #26873847!important}.el-input__wrapper{transition:box-shadow var(--transition-base),border-color var(--transition-base)!important}.el-tag{border-radius:4px!important;font-weight:600!important;font-size:var(--text-sm)!important;border-width:1px!important}.el-tag.el-tag--success{--el-tag-bg-color: var(--color-success-bg);--el-tag-border-color: var(--color-success-border);--el-tag-text-color: var(--color-success)}.el-tag.el-tag--warning{--el-tag-bg-color: var(--color-warning-bg);--el-tag-border-color: var(--color-warning-border);--el-tag-text-color: var(--color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color: var(--color-danger-bg);--el-tag-border-color: var(--color-danger-border);--el-tag-text-color: var(--color-danger)}.el-tag.el-tag--info{--el-tag-bg-color: var(--color-info-bg);--el-tag-border-color: var(--color-info-border);--el-tag-text-color: var(--color-info)}.el-tag.el-tag--primary{--el-tag-bg-color: var(--color-primary-light);--el-tag-border-color: var(--color-primary-border);--el-tag-text-color: var(--color-primary-dark)}.el-button.is-link.el-button--primary{color:var(--color-primary-dark)!important;font-weight:600!important}.el-statistic__head{font-size:var(--text-sm)!important;color:var(--color-text-muted)!important;margin-bottom:6px!important}.el-statistic__content .el-statistic__number{font-size:var(--text-2xl)!important;font-weight:700!important;color:var(--color-primary)!important;font-variant-numeric:tabular-nums}.el-progress-bar__outer{border-radius:3px!important;background-color:var(--color-border-light)!important}.el-progress-bar__inner{border-radius:3px!important;transition:width .5s cubic-bezier(.4,0,.2,1)!important}.el-select-dropdown,.el-date-picker{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.el-dialog{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important}.el-dialog__header{padding:20px 24px 16px!important;font-weight:600}.el-dialog__body{padding:0 24px 20px!important}.el-dialog__footer{padding:16px 24px 20px!important;border-top:1px solid var(--color-border-light)}.el-form-item__label{font-size:var(--text-base)!important;font-weight:500!important;color:var(--color-text-secondary)!important}.el-empty__description p{color:var(--color-text-muted)!important;font-size:var(--text-md)!important}.el-pagination{margin-top:var(--space-4);justify-content:flex-end}.el-tooltip__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.el-message{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.el-loading-mask{border-radius:inherit!important}