:root{--brand: #10b981;--brand-dark: #059669;--brand-hover: #34d399;--brand-soft: #ecfdf5;--app-bg: #f5f7f8;--surface: #ffffff;--surface-muted: #f8fafb;--sidebar-bg: #10231f;--text-primary: #17231f;--text-secondary: #52645c;--text-tertiary: #667a71;--line: #e5ebe8;--line-light: #eef2f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 3px rgba(16, 35, 31, .05);--shadow-md: 0 8px 24px rgba(16, 35, 31, .08);--shadow-lg: 0 16px 40px rgba(16, 35, 31, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--sidebar-width: 248px;--header-height: 72px;--el-color-primary: #10b981;--el-color-primary-light-3: #5ee0ae;--el-color-primary-light-5: #8aebc6;--el-color-primary-light-7: #b8f3dc;--el-color-primary-light-8: #d1f7e7;--el-color-primary-light-9: #ecfdf5;--el-color-primary-dark-2: #059669;--el-border-radius-base: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;color:var(--text-primary);background:var(--app-bg);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}.el-button--primary{--el-button-bg-color: var(--brand);--el-button-border-color: var(--brand);--el-button-hover-bg-color: var(--brand-hover);--el-button-hover-border-color: var(--brand-hover);--el-button-active-bg-color: var(--brand-dark);--el-button-active-border-color: var(--brand-dark)}.el-button.is-link{color:var(--brand)}.el-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.el-table{--el-table-border-color: var(--line-light);--el-table-row-hover-bg-color: #f7fbf9}.el-table th.el-table__cell{background:var(--surface-muted)!important;color:var(--text-secondary);font-weight:650}.el-table .el-table__cell{padding:13px 0}.el-dialog{border-radius:var(--radius-lg);overflow:hidden}.el-dialog__header{margin:0;padding:20px 24px 16px;border-bottom:1px solid var(--line-light)}.el-dialog__body{padding:22px 24px}.el-dialog__footer{padding:14px 24px 20px;border-top:1px solid var(--line-light)}.el-drawer{--el-drawer-padding-primary: 24px}.el-form-item__label{color:var(--text-secondary)!important}.el-pagination{margin-top:18px;justify-content:flex-end}.page-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header h2{color:var(--text-primary);font-size:21px;font-weight:700;letter-spacing:-.02em}.page-header p{margin-top:6px;color:var(--text-secondary);font-size:14px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:14px;background:var(--surface-muted);border:1px solid var(--line-light);border-radius:var(--radius-md)}.stat-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.stat-card:after{content:"";position:absolute;right:-20px;bottom:-30px;width:100px;height:100px;border-radius:50%;background:var(--brand-soft)}.stat-card .stat-value{position:relative;z-index:1;margin:8px 0 4px;color:var(--text-primary);font-size:28px;font-weight:750;letter-spacing:-.04em}.stat-card .stat-label{position:relative;z-index:1;color:var(--text-tertiary);font-size:13px}.stat-card.warning:after{background:#fff7e6}.stat-card.danger:after{background:#fff1f2}.stat-card.info:after{background:#eff6ff}.money{color:var(--brand-dark);font-weight:650}.money-danger{color:var(--danger);font-weight:650}.status-tag{display:inline-flex;align-items:center;gap:5px}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--text-tertiary)}.empty-state{padding:52px 20px;text-align:center;color:var(--text-tertiary)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd6d1;border-radius:3px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){.page-card{padding:16px}.page-header{flex-direction:column}.filter-bar{align-items:stretch}.filter-bar>*{max-width:100%}}