:root{--brand-50: #eef0ff;--brand-100: #e0e3ff;--brand-200: #c7ccff;--brand-300: #a5abff;--brand-400: #8b8cf7;--brand-500: #5b5bd6;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand: var(--brand-500);--brand-soft: var(--brand-50);--grad-brand: linear-gradient(135deg, #5b5bd6 0%, #7c3aed 52%, #a855f7 100%);--grad-brand-soft: linear-gradient(135deg, #eef0ff 0%, #f5f0ff 100%);--ink-900: #0f172a;--ink-800: #1e293b;--ink-700: #334155;--ink-600: #475569;--ink-500: #5c6a7d;--ink-400: #6b7583;--ink-300: #cbd5e1;--ink-200: #e2e8f0;--ink-100: #f1f5f9;--ink-50: #f8fafc;--success: #10b981;--success-soft: #ecfdf5;--warning: #f59e0b;--warning-soft: #fffbeb;--danger: #f43f5e;--danger-soft: #fff1f2;--info: #64748b;--info-soft: #f1f5f9;--flip: #8b5cf6;--flip-soft: #f5f3ff;--success-ink: #047857;--warning-ink: #b45309;--danger-ink: #be123c;--info-ink: #475569;--flip-ink: #6d28d9;--bg-app: #f5f6fa;--bg-card: #ffffff;--bg-sidebar: #171b3a;--bg-sidebar-hover: rgba(255, 255, 255, .07);--bg-sidebar-active: rgba(124, 58, 237, .22);--sidebar-text: rgba(255, 255, 255, .66);--sidebar-text-active: #ffffff;--code-bg: #0f172a;--code-fg: #cbd5e1;--code-key: #7dd3fc;--code-str: #86efac;--sh-xs: 0 1px 2px rgba(16, 24, 40, .05);--sh-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--sh-md: 0 4px 6px -1px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .05);--sh-lg: 0 10px 24px -6px rgba(16, 24, 40, .1), 0 4px 10px -4px rgba(16, 24, 40, .05);--sh-brand: 0 8px 20px -6px rgba(91, 91, 214, .42);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--tap-min: 40px;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 12.5px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 15px;--fs-xl: 16px;--fs-2xl: 18px;--fs-3xl: 20px;--fs-4xl: 24px;--fs-5xl: 28px;--fs-6xl: 34px;--fs-7xl: 38px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-num: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sidebar-w: 232px;--header-h: 60px}html:root{--el-color-primary: var(--brand-500);--el-color-primary-light-3: var(--brand-400);--el-color-primary-light-5: var(--brand-300);--el-color-primary-light-7: var(--brand-200);--el-color-primary-light-8: var(--brand-100);--el-color-primary-light-9: var(--brand-50);--el-color-primary-dark-2: var(--brand-600);--el-color-success: var(--success-ink);--el-color-success-light-3: #4fa089;--el-color-success-light-5: #82bcab;--el-color-success-light-7: #b4d6cd;--el-color-success-light-8: #cde4dd;--el-color-success-light-9: #ebf4f2;--el-color-success-dark-2: #036046;--el-color-warning: var(--warning-ink);--el-color-warning-light-3: #ca8753;--el-color-warning-light-5: #daa984;--el-color-warning-light-7: #e8cbb5;--el-color-warning-light-8: #f0ddce;--el-color-warning-light-9: #faf3ee;--el-color-warning-dark-2: #904207;--el-color-danger: var(--danger-ink);--el-color-danger-light-3: #d25976;--el-color-danger-light-5: #de889e;--el-color-danger-light-7: #ecb8c4;--el-color-danger-light-8: #f2d0d8;--el-color-danger-light-9: #faecef;--el-color-danger-dark-2: #980e30;--el-color-error: var(--danger-ink);--el-color-error-light-3: #d25976;--el-color-error-light-5: #de889e;--el-color-error-light-7: #ecb8c4;--el-color-error-light-8: #f2d0d8;--el-color-error-light-9: #faecef;--el-color-error-dark-2: #980e30;--el-color-info: var(--info-ink);--el-color-info-light-3: #7e8896;--el-color-info-light-5: #a3aab4;--el-color-info-light-7: #c8ccd2;--el-color-info-light-8: #dadde1;--el-color-info-light-9: #f0f1f3;--el-color-info-dark-2: #394454;--el-text-color-primary: var(--ink-800);--el-text-color-regular: var(--ink-700);--el-text-color-secondary: var(--ink-500);--el-text-color-placeholder: var(--ink-400);--el-border-color: var(--ink-200);--el-border-color-light: var(--ink-200);--el-border-color-lighter: var(--ink-100);--el-fill-color-blank: var(--bg-card);--el-bg-color: var(--bg-card);--el-border-radius-base: var(--r-sm);--el-font-family: var(--font);--el-font-size-base: var(--fs-base)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-base);color:var(--ink-700);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:var(--r-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-400);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.page{padding:var(--sp-5) var(--sp-6) var(--sp-8)}.page-head{margin-bottom:var(--sp-5)}.page-title{margin:0;font-size:var(--fs-3xl);font-weight:650;color:var(--ink-900);letter-spacing:-.2px}.page-sub{margin:var(--sp-2) 0 0;font-size:var(--fs-md);color:var(--ink-500);line-height:1.6}.card{background:var(--bg-card);border:1px solid var(--ink-200);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.card-pad{padding:var(--sp-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--ink-100)}.card-title{font-size:var(--fs-lg);font-weight:620;color:var(--ink-800);display:flex;align-items:center;gap:var(--sp-2)}.card-title:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--brand)}.card-body{padding:var(--sp-5)}.row{display:flex;align-items:center}.row-wrap{flex-wrap:wrap;row-gap:2px}.row-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.muted{color:var(--ink-500)}.tiny{font-size:var(--fs-xs)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.amount{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600}.amount-in{color:var(--success-ink)}.amount-out{color:var(--danger-ink)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:560;line-height:19px;white-space:nowrap}.tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.9}.tag-success{color:var(--success-ink);background:var(--success-soft)}.tag-danger{color:var(--danger-ink);background:var(--danger-soft)}.tag-warning{color:var(--warning-ink);background:var(--warning-soft)}.tag-info{color:var(--info-ink);background:var(--info-soft)}.tag-brand{color:var(--brand-700);background:var(--brand-50)}.tag-flip{color:var(--flip-ink);background:var(--flip-soft)}.tag-plain{color:var(--ink-600);background:var(--ink-100)}.tag-plain:before{display:none}:root{--state-pending: var(--warning-ink);--state-success: var(--success-ink);--state-failed: var(--danger-ink);--state-void: var(--ink-500);--state-total: var(--ink-900);--state-unpushed: var(--danger-ink);--state-flip: var(--flip-ink)}@media(max-width:900px){.page{padding:var(--sp-4) var(--sp-4) var(--sp-6)}.card-head,.card-body,.card-pad{padding-left:var(--sp-4);padding-right:var(--sp-4)}}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4)}.metric{position:relative;overflow:hidden;padding:var(--sp-4) var(--sp-5);background:var(--bg-card);border:1px solid var(--ink-200);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:box-shadow .2s ease,transform .2s ease}.metric:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.metric-label{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-500);margin-bottom:var(--sp-2)}.metric-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-4xl);font-weight:650;color:var(--ink-900);line-height:1.15;letter-spacing:-.5px}.metric-value.sm{font-size:var(--fs-3xl)}.metric-unit{font-size:var(--fs-md);font-weight:500;color:var(--ink-500);margin-left:3px}.metric-foot{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-400)}.metric-icon{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:var(--r-md);display:grid;place-items:center;font-size:var(--fs-xl);color:var(--brand);background:var(--brand-50)}.metric.tone-success .metric-icon{color:var(--success-ink);background:var(--success-soft)}.metric.tone-warning .metric-icon{color:var(--warning-ink);background:var(--warning-soft)}.metric.tone-danger .metric-icon{color:var(--danger-ink);background:var(--danger-soft)}.metric.tone-flip .metric-icon{color:var(--flip-ink);background:var(--flip-soft)}.empty{padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--ink-400)}.empty-title{font-size:var(--fs-base);color:var(--ink-500);margin-bottom:4px}.empty-sub{font-size:var(--fs-sm)}.cat-tabs{display:flex;align-items:center;gap:var(--sp-1);overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-600);font-size:var(--fs-md);font-family:inherit;line-height:1.4;cursor:pointer;transition:background .15s ease,color .15s ease}.cat-tab:hover{background:var(--ink-50);color:var(--ink-800)}.cat-tab.active{background:var(--brand-soft);color:var(--brand-700);font-weight:600}.cat-tab-count{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--ink-400)}.cat-tab.active .cat-tab-count{color:var(--brand-600)}