:root{--ink-1000: #0a0d11;--ink-950: #0e1319;--ink-900: #131a21;--ink-850: #182028;--ink-800: #1d262f;--line: #263240;--line-soft: #1e2833;--paper: #e9e4da;--paper-dim: #b3ada0;--muted: #8593a2;--muted-dim: #5f6d7c;--indigo: #78a4e0;--indigo-dim: rgba(120, 164, 224, .12);--cinnabar: #e07a5f;--cinnabar-dim: rgba(224, 122, 95, .12);--seal: #c8543f;--brass: #c9a86a;--ok: #6fbf9b;--warn: #e0b25f;--bad: #e07a5f;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--serif: "Songti SC", "Source Han Serif SC", "Noto Serif CJK SC", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--shadow: 0 24px 60px -30px rgba(0, 0, 0, .9)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 78% -10%,rgba(120,164,224,.07),transparent 65%),radial-gradient(900px 600px at 10% 110%,rgba(200,84,63,.06),transparent 60%),var(--ink-1000);color:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}p{margin:0}a{color:var(--indigo)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:3px}.figure{font-family:var(--serif);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em}.label{font-size:11px;letter-spacing:.18em;color:var(--muted-dim);font-weight:500}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12.5px}.dim{color:var(--muted)}.strong{color:var(--paper);font-weight:600}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100%}.rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:26px 18px 20px;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#131a21e6,#0a0d1199)}.brand{display:flex;align-items:center;gap:11px;padding:0 6px}.sealmark{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(200,84,63,.55);color:var(--seal);border-radius:6px;font-family:var(--serif);font-size:17px;letter-spacing:0;background:#c8543f14}.brand-name{font-family:var(--serif);font-size:16px;letter-spacing:.06em}.brand-sub{font-size:11px;color:var(--muted-dim);letter-spacing:.05em}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.nav-item:hover{color:var(--paper);background:#ffffff06}.nav-item.active{color:var(--paper);background:#78a4e012;border-left-color:var(--indigo)}.nav-idx{font-family:var(--mono);font-size:10.5px;color:var(--muted-dim);padding-top:2px}.nav-item.active .nav-idx{color:var(--indigo)}.rail-foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px;border-top:1px solid var(--line-soft)}.main{min-width:0;padding:30px 38px 64px;max-width:1180px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}.page-title{font-family:var(--serif);font-size:26px;letter-spacing:.02em}.page-desc{color:var(--muted);font-size:12.5px;margin-top:4px}.card{background:linear-gradient(180deg,#182028b8,#0e1319b8);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:20px 22px}.card+.card{margin-top:16px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}.card-title{font-size:13.5px;font-weight:600;letter-spacing:.04em}.hair{height:1px;background:var(--line-soft);border:0;margin:16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff05;color:var(--paper);font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease,opacity .15s ease;white-space:nowrap}.btn:hover:not(:disabled){background:#ffffff0d;border-color:#33455a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--seal);border-color:var(--seal);color:#fff5f2;font-weight:500}.btn-primary:hover:not(:disabled){background:#d4634b;border-color:#d4634b}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--paper);background:#ffffff0a}.btn-sm{padding:5px 11px;font-size:12px}.btn-danger{border-color:#e07a5f66;color:var(--cinnabar)}.btn-danger:hover:not(:disabled){background:var(--cinnabar-dim);border-color:var(--cinnabar)}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field+.field{margin-top:14px}.field>span{font-size:12px;color:var(--muted);letter-spacing:.04em}.input,.select,.textarea{width:100%;padding:9px 12px;background:#080b0f99;border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .15s ease,background .15s ease}.input:hover,.textarea:hover,.select:hover{border-color:#33455a}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--indigo);background:#080b0fd9}.textarea{resize:vertical;min-height:78px;line-height:1.55}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-2>.field+.field{margin-top:0}.hint{font-size:11.5px;color:var(--muted-dim)}.seg{display:inline-flex;padding:3px;gap:3px;background:#080b0f99;border:1px solid var(--line);border-radius:var(--r-sm)}.seg button{border:0;background:transparent;color:var(--muted);padding:6px 14px;border-radius:3px;cursor:pointer;font-size:12.5px;transition:color .15s ease,background .15s ease}.seg button:hover{color:var(--paper)}.seg button.on{color:var(--paper);background:#ffffff12}.seg button.on.income{color:var(--indigo);background:var(--indigo-dim)}.seg button.on.expense{color:var(--cinnabar);background:var(--cinnabar-dim)}.ledger-head{position:relative;padding:22px 24px 20px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 70%),repeating-linear-gradient(180deg,transparent 0 30px,rgba(255,255,255,.014) 30px 31px)}.ledger-head:after{content:"";position:absolute;top:4px;right:0;bottom:4px;left:0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);pointer-events:none}.ledger-title{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head+.ledger-head,.ledger-head .ledger-title h2{padding-top:0}.ledger-title h2{font-family:var(--serif);font-size:22px;letter-spacing:.04em;min-width:0;overflow-wrap:anywhere}.stamp{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--serif);font-size:10px;letter-spacing:.3em;color:var(--seal);border:1px solid rgba(200,84,63,.6);border-radius:3px;padding:6px 4px 6px 5px;background:#c8543f12;align-self:center;line-height:1;max-height:100%;flex:none}.ledger-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:0}.ledger-col{padding:2px 20px 2px 0;position:relative}.ledger-col+.ledger-col{padding-left:20px;border-left:1px solid var(--line-soft)}.ledger-col .label{display:block;margin-bottom:6px}.amount{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:30px;line-height:1.05;letter-spacing:-.01em}.amount.big{font-size:clamp(38px,4.6vw,52px)}.amount.income{color:var(--indigo)}.amount.expense{color:var(--cinnabar)}.amount-cents{font-size:.58em;opacity:.62;margin-left:2px}.table-wrap{overflow-x:auto;margin:0 -22px}table.ledger{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}table.ledger th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.14em;color:var(--muted-dim);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}table.ledger td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.ledger tbody tr:hover{background:#ffffff06}table.ledger .num{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:14.5px;white-space:nowrap}table.ledger .num.income{color:var(--indigo)}table.ledger .num.expense{color:var(--cinnabar)}table.ledger td:first-child,table.ledger th:first-child{padding-left:22px}table.ledger td:last-child,table.ledger th:last-child{padding-right:22px}.tag{display:inline-block;padding:1px 7px;white-space:nowrap;line-height:1.5;border:1px solid var(--line);border-radius:3px;font-size:11px;color:var(--muted);letter-spacing:.04em}.tag.income{color:var(--indigo);border-color:#78a4e057;background:var(--indigo-dim)}.tag.expense{color:var(--cinnabar);border-color:#e07a5f57;background:var(--cinnabar-dim)}.tag.src{font-family:var(--mono);font-size:10.5px;padding:0 6px}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.row:last-child{border-bottom:0}.row-main{min-width:0}.row-title{font-size:13.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-sub{font-size:11.5px;color:var(--muted-dim);margin-top:2px}.books-layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:16px;align-items:start}.books-side{padding:16px 14px}@media(max-width:900px){.books-layout{grid-template-columns:1fr}}.group-list{display:flex;flex-direction:column;gap:3px}.group-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.group-item:hover{background:#ffffff08}.group-item.active{background:#78a4e014;border-color:#78a4e047}.group-item .name{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-item .id{font-family:var(--mono);font-size:10.5px;color:var(--muted-dim)}.group-item .bal{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.note{padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff05;font-size:12.5px;color:var(--muted)}.note.warn{border-color:#e0b25f52;background:#e0b25f12;color:#e2c58d}.note.bad{border-color:#e07a5f59;background:#e07a5f14;color:#f0a892}.note.ok{border-color:#6fbf9b4d;background:#6fbf9b12;color:#9fd8bd}.empty{padding:40px 20px;text-align:center;color:var(--muted-dim);font-size:12.5px}.empty strong{display:block;color:var(--muted);font-family:var(--serif);font-size:15px;font-weight:500;margin-bottom:6px;letter-spacing:.03em}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--indigo);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--muted-dim)}.dot.running{background:var(--ok);box-shadow:0 0 0 3px #6fbf9b24}.dot.error,.dot.stopping{background:var(--cinnabar)}.dot.starting{background:var(--warn);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--line-soft);border-radius:999px;font-size:11.5px;color:var(--muted);background:#ffffff05}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#040609b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .16s ease}.modal{width:min(520px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#182028,#0e1319);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);animation:rise .18s cubic-bezier(.2,.8,.3,1)}.modal-head{padding:18px 22px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.modal-title{font-family:var(--serif);font-size:18px;letter-spacing:.04em}.modal-body{padding:18px 22px}.modal-foot{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line-soft)}.kv{display:grid;grid-template-columns:78px 1fr;gap:8px 14px;font-size:12.5px}.kv dt{color:var(--muted-dim);font-size:11.5px;letter-spacing:.08em;padding-top:1px}.kv dd{margin:0;word-break:break-all}.command-line{margin-top:14px;padding:12px 14px;border:1px dashed rgba(200,84,63,.4);border-radius:var(--r-sm);background:#c8543f0f;font-family:var(--mono);font-size:14px;color:#f0d3ca;word-break:break-all}.login-wrap{min-height:100%;display:grid;grid-template-columns:1fr minmax(320px,420px) 1fr;align-items:center;padding:40px 24px}.login-card{grid-column:2;border:1px solid var(--line-soft);border-top:2px solid var(--seal);border-radius:0 0 var(--r-lg) var(--r-lg);padding:34px 32px 30px;background:linear-gradient(180deg,#182028d9,#0a0d1199)}.login-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(200,84,63,.55);color:var(--seal);border-radius:6px;font-family:var(--serif);font-size:21px;background:#c8543f14;margin-bottom:20px}.login-title{font-family:var(--serif);font-size:24px;letter-spacing:.06em;margin-bottom:6px}.login-sub{color:var(--muted);font-size:12.5px;margin-bottom:24px}.login-foot{margin-top:18px;font-size:11.5px;color:var(--muted-dim);line-height:1.7}.view-enter-active{transition:opacity .18s ease,transform .18s ease}.view-enter-from{opacity:0;transform:translateY(6px)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.99)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(max-width:900px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 14px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line-soft);padding:12px 14px}.nav{flex-direction:row;flex-wrap:wrap}.brand{padding:0}.brand-name{font-size:14px;white-space:nowrap}.nav-item{border-left:0;border-bottom:2px solid transparent;white-space:nowrap;padding:7px 10px}.nav-item.active{border-left:0;border-bottom-color:var(--indigo)}.nav-idx,.rail-foot .label,.brand-sub{display:none}.rail-foot{margin:0 0 0 auto;flex-direction:row;border:0;padding:0}.main{padding:20px 16px 56px}.ledger-cols{grid-template-columns:1fr 1fr}.ledger-head{padding:18px 16px 16px}.ledger-title{align-items:center;gap:8px}.stamp{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:.16em;padding:2px 7px;font-size:10.5px;align-self:center}.ledger-title h2{font-size:19px}.table-wrap{margin:0 -16px}.ledger-col:first-child{grid-column:1 / -1;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line-soft)}.ledger-col+.ledger-col{border-left:0;padding-left:0}.ledger-col:nth-child(3){border-left:1px solid var(--line-soft)}.grid-2{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}}