:root{--ink: #1b1446;--ink-soft: #4a4277;--paper: #fff8e6;--card: #ffffff;--line: #e6dcc2;--sub: #ffd400;--red: #e8202a;--orange: #f47b20;--green: #2e9e44;--green-bg: #d9f2c9;--grey-bg: #ece8dc;--red-bg: #ffd6d2;--blue: #00a6d6;--violet: #92278f;--radius: 14px;--shadow: 0 2px 0 var(--ink), 0 6px 18px rgba(27, 20, 70, .08);--sidebar: 232px;font-family:Nunito,Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper)}h1,h2,h3,h4{font-weight:800;letter-spacing:-.01em;margin:.4em 0}h2{font-size:1.5rem}h3{font-size:1.15rem}h4{font-size:1rem;color:var(--ink-soft)}a{color:var(--violet)}code,pre.code{font-family:JetBrains Mono,Consolas,monospace;font-size:.85em}pre.code{background:var(--ink);color:var(--sub);padding:12px;border-radius:10px;overflow-x:auto;white-space:pre-wrap}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}button{font:inherit;color:var(--ink);cursor:pointer;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:7px 16px;font-weight:700;transition:transform .08s,background .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--sub);box-shadow:0 2px 0 var(--ink)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){background:#1b14460f}button.danger{color:var(--red)}button.small{padding:4px 12px;font-size:.85rem}button.full{width:100%}button.icon{border:none;background:transparent;padding:2px 8px;font-size:1.1rem;border-radius:8px}button.icon:hover:not(:disabled){background:#1b144614}button.link{border:none;background:none;padding:0 6px;color:var(--violet);font-weight:600}input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:10px;padding:7px 10px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:none}input[type=checkbox]{accent-color:var(--ink);width:18px;height:18px}input[type=color]{padding:0;width:40px;height:34px;border-radius:8px}input.short{width:110px}textarea{width:100%;resize:vertical}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:700;color:var(--ink-soft)}label>input,label>select,label>textarea{font-weight:400;color:var(--ink)}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:600;cursor:pointer}.checks{display:flex;flex-wrap:wrap;gap:14px}.money-input{display:inline-flex;align-items:center;border:2px solid var(--line);border-radius:10px;background:var(--card);padding-left:8px}.money-input:focus-within{border-color:var(--ink)}.money-input .sym{color:var(--ink-soft);font-weight:700}.money-input input{border:none;text-align:right;width:100%;padding-left:4px}.money-input.inline{border-color:transparent;background:transparent;max-width:140px}.money-input.inline:hover{border-color:var(--line)}.money-input.inline:focus-within{border-color:var(--ink);background:var(--card)}.money-input.invalid{border-color:var(--red)}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:18px 14px;background:var(--ink);color:var(--paper)}.brand{display:flex;align-items:center;gap:10px}.brand strong{display:block;font-size:1.05rem}.brand small{color:#c9c2ee}.brand-mark{width:38px;height:38px;border-radius:50%;flex:none;background:conic-gradient(var(--red),var(--orange),var(--sub),#7dc242,var(--blue),#2e3192,var(--violet),var(--red));border:2px solid var(--paper)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:var(--paper);text-decoration:none;font-weight:700}.sidebar nav a:hover{background:#ffffff14}.sidebar nav a.active{background:var(--sub);color:var(--ink)}.nav-icon{width:20px;text-align:center}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px}.sidebar-foot button{color:#c9c2ee;text-align:left}.sidebar .add-btn{border-color:var(--sub)}.content{padding:20px 28px 80px;min-width:0}.bottom-nav{display:none}.badge{margin-left:auto;background:var(--red);color:#fff;border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:800}h2 .badge{margin-left:8px;vertical-align:middle}.splash{display:grid;place-items:center;min-height:100vh;font-weight:800}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;margin:16px 0}.form{display:flex;flex-direction:column;gap:12px}.form footer,.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.spacer{flex:1}.muted{color:var(--ink-soft);opacity:.85}.small{font-size:.82rem}.big{font-size:1.3rem}.center{text-align:center}.nowrap{white-space:nowrap}.error{color:var(--red);background:var(--red-bg);border-radius:10px;padding:6px 10px;font-weight:600}.plain{list-style:none;padding:0}.tag{display:inline-block;border-radius:999px;padding:1px 10px;font-size:.78rem;font-weight:800;border:2px solid var(--ink)}.tag.green{background:var(--green-bg)}.tag.red{background:var(--red-bg)}.tag.yellow{background:#fff1a8}.swatch{display:inline-block;width:12px;height:12px;border-radius:4px;border:1.5px solid var(--ink);margin-right:6px;vertical-align:-1px}.link-list{display:flex;flex-wrap:wrap;gap:14px}.seg{display:inline-flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--card)}.seg button{border:none;border-radius:0;padding:5px 14px;background:transparent}.seg button+button{border-left:2px solid var(--ink)}.seg button.on{background:var(--sub)}.seg.full{display:flex}.seg.full button{flex:1}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse}.grid th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);padding:8px;border-bottom:2px solid var(--ink)}.grid td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.grid.compact td,.grid.compact th{padding:4px 8px;font-size:.88rem}.grid .num{text-align:right;white-space:nowrap}.grid .cb{width:32px}.grid tr.selected td{background:#fff4b8}.grid tr.unapproved td{font-weight:700}.grid tr.skipped td{opacity:.45;text-decoration:line-through}.grid tr.total-row td{font-weight:800;border-top:2px solid var(--ink)}.grid .actions{text-align:right}.pos{color:var(--green)}.neg{color:var(--red)}.zero{color:var(--ink-soft)}.plan.with-panel{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.plan-main{min-width:0}.plan-header{display:flex;flex-direction:column;gap:12px}.month-switch{display:flex;align-items:center;gap:6px}.month-switch h2{min-width:200px;text-align:center;text-transform:capitalize;margin:0}.rta-row{display:flex;flex-wrap:wrap;gap:12px}.rta-card{flex:1 1 200px;border:2px solid var(--ink);border-radius:var(--radius);padding:10px 16px;box-shadow:var(--shadow);background:var(--grey-bg);display:flex;flex-direction:column;gap:4px}.rta-card.zero{background:var(--grey-bg)}.rta-card.positive{background:#c9f0b6}.rta-card.negative{background:#ffb7b0}.rta-card.base{background:var(--ink);color:var(--paper)}.rta-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.rta-amount{font-size:1.6rem;font-weight:900}.rta-status{font-size:.85rem;font-weight:700}.rta-hint{font-size:.8rem;opacity:.8}.plan-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 6px}.plan-table .group-row td{background:var(--grey-bg);font-weight:800;border-bottom:2px solid var(--ink)}.plan-table .cat-row{cursor:pointer}.plan-table .cat-row:hover td{background:#fffbe8}.plan-table .cat-row.is-hidden td{opacity:.5}.cur-tag{margin-left:8px;font-size:.7rem;font-weight:800;color:var(--ink-soft);border:1.5px solid var(--line);border-radius:6px;padding:0 4px}.pill{display:inline-block;min-width:80px;text-align:right;border-radius:999px;padding:2px 10px;font-weight:800;border:2px solid transparent}.pill.green{background:var(--green-bg);color:#1d6b2c}.pill.grey{background:var(--grey-bg);color:var(--ink-soft)}.pill.red{background:var(--red);color:#fff;border-color:var(--ink)}.side-panel{position:sticky;top:16px;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 32px);overflow-y:auto}.side-panel>header{display:flex;align-items:center;gap:8px}.title-input{flex:1;font-weight:800;font-size:1.1rem;border-color:transparent}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-grid>div,.stat{background:var(--paper);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.quick,.panel-actions{display:flex;flex-wrap:wrap;gap:6px}.moves{list-style:none;padding:0;font-size:.85rem;display:flex;flex-direction:column;gap:4px}.rainbow-panel{margin:14px 0}.rainbow-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.height-ctl{flex-direction:row;align-items:center;gap:6px}.rainbow{position:relative;width:100%;overflow:hidden;border:2px solid var(--ink);border-radius:var(--radius);background:#fffdf4;box-shadow:var(--shadow);touch-action:pan-y;cursor:grab}.rainbow:active{cursor:grabbing}.rainbow svg{display:block}.rainbow-loading{background:repeating-linear-gradient(90deg,#fff4c2 0,#fff4c2 40px,#fffdf4 40px,#fffdf4 80px);animation:slide 1.2s linear infinite}@keyframes slide{to{background-position:80px 0}}.stripe{transition:opacity .15s;cursor:pointer}.stripe.dim{opacity:.45}.stripe-label{font-size:12px;font-weight:800;fill:var(--ink);paint-order:stroke;stroke:#ffffffbf;stroke-width:3px;pointer-events:none}.rainbow-axis line{stroke:var(--ink)}.rainbow-axis text{font-size:11px;fill:var(--ink-soft);font-weight:700}.rainbow-tip{position:absolute;pointer-events:none;z-index:5;min-width:180px;max-width:220px;background:var(--card);border:2px solid var(--ink);border-radius:10px;padding:8px 10px;font-size:.85rem;box-shadow:var(--shadow)}.rainbow-resize{height:10px;margin:2px auto 0;width:60px;border-radius:999px;background:var(--line);cursor:ns-resize}.rainbow-resize:hover{background:var(--ink-soft)}.palette-preview{display:flex;height:26px;border:2px solid var(--ink);border-radius:8px;overflow:hidden}.palette-preview span{flex:1}.accounts-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.account-list{display:flex;flex-direction:column;gap:8px}.list-actions{display:flex;gap:6px;flex-wrap:wrap}.acc-group{display:flex;flex-direction:column;gap:2px}.acc-group>div:first-child,.acc-group>h4{display:flex;justify-content:space-between}.acc-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border-radius:10px;border:2px solid transparent;background:transparent;padding:6px 10px;font-weight:600}.acc-item:hover{background:var(--card)}.acc-item.on{background:var(--card);border-color:var(--ink)}.acc-item.closed{opacity:.5}.acc-name{flex:1;display:flex;flex-direction:column}.acc-name small{color:var(--ink-soft);font-weight:400}.register-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.bulk-bar{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--sub);border:2px solid var(--ink);border-radius:12px;padding:8px 12px;margin-bottom:8px}.flags{display:flex;gap:6px;align-items:center}.flag-dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);padding:0;margin-right:6px;opacity:.4;vertical-align:-3px}.flag-dot.on{opacity:1}.flag-dot.none{background:#fff}.flag-dot.red{background:var(--red)}.flag-dot.orange{background:var(--orange)}.flag-dot.yellow{background:var(--sub)}.flag-dot.green{background:#7dc242}.flag-dot.blue{background:var(--blue)}.flag-dot.purple{background:var(--violet)}.approval-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;display:flex;flex-direction:column;gap:8px}.card-deck{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.event-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.event-tags:empty{display:none}.tag{border:2px solid var(--ink);border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:700;background:var(--sub)}.tag.green{background:#7dc242;color:#fff}.wallet-links{border:2px dashed var(--ink-soft);border-radius:var(--radius);padding:8px 12px;display:flex;flex-direction:column;gap:6px}.wallet-links legend{font-weight:700;padding:0 4px}.link-row{display:flex;align-items:center;gap:10px}.link-row label{display:flex;align-items:center;gap:6px;flex-direction:row}.link-row label.small{margin-left:auto;font-size:.85rem}.cur-tag{font-size:.72rem;font-weight:700;color:var(--ink-soft)}.via-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;font-size:.72rem;background:var(--blue);color:#fff;vertical-align:middle}tr.via-row td{opacity:.6;font-style:italic}tr.via-row .via-tag{background:var(--ink-soft)}td .orig{display:block;font-size:.72rem}.route-note{display:block;margin-top:4px;font-weight:700}.route-note.card{color:var(--orange)}.sub-summary{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.sub-summary .stat{flex:1 1 180px;border:2px solid var(--ink);background:var(--card)}.sub-summary .stat strong{font-size:1.3rem}.stat.upcoming{flex-basis:300px}.sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:12px 0}.sub-card{position:relative;overflow:hidden;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 14px 10px;display:flex;flex-direction:column;gap:6px}.sub-card>header,.sub-card .sub-head{display:flex;align-items:center;gap:10px}.sub-card footer{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sub-band{position:absolute;top:0;left:0;right:0;height:8px;border-bottom:2px solid var(--ink)}.sub-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--ink);font-weight:800;flex:none}.sub-amount{margin-left:auto;font-size:1.1rem}.color-row{display:flex;gap:8px;align-items:center}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-head{text-align:center;font-size:.75rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase}.cal-cell{min-height:74px;border:1.5px solid var(--line);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:3px;background:#fffdf4}.cal-cell.empty{border-style:dashed;background:transparent}.cal-cell.today{border-color:var(--ink);background:#fff4b8}.cal-day{font-size:.75rem;font-weight:800}.cal-chip{font-size:.7rem;font-weight:700;border:1.5px solid var(--ink);border-radius:6px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding:8px 0;border-bottom:2px solid var(--ink);margin-bottom:12px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-pair{flex:1;width:100%;display:flex;align-items:flex-end;gap:2px}.bar{flex:1;border:1.5px solid var(--ink);border-bottom:none;border-radius:4px 4px 0 0;min-height:1px}.bar.income{background:#7dc242}.bar.expense{background:var(--orange)}.bar-label{font-size:.7rem;font-weight:700;color:var(--ink-soft)}.token-created{background:#fff4b8;border:2px dashed var(--ink);border-radius:10px;padding:8px 12px;margin:8px 0;word-break:break-all}details summary{cursor:pointer;margin:8px 0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b144673;display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink)}.modal.wide{width:min(820px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--sub);border-bottom:2px solid var(--ink)}.modal>header h3{margin:0}.modal-body{padding:16px}.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);font-weight:600}.toast.error{background:var(--red)}.toast .link{color:var(--sub)}.toast .icon{color:var(--paper);margin-left:auto}.login{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:16px}.login-stripes{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;transform:skewY(-8deg) scale(1.3);opacity:.9}.login-stripes span{flex:1;border-bottom:2px solid var(--ink)}.login-card{position:relative;width:min(380px,100%);background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:0 4px 0 var(--ink);padding:24px;display:flex;flex-direction:column;gap:14px}.login-card h1{text-align:center;margin:0 0 6px}.onboarding{max-width:640px;margin:0 auto;padding:24px 16px}.onboarding .card{display:flex;flex-direction:column;gap:10px;align-items:flex-start}@media (max-width: 1100px){.plan.with-panel{grid-template-columns:1fr}.side-panel{position:fixed;right:0;top:0;bottom:0;width:min(380px,100%);max-height:none;border-radius:var(--radius) 0 0 var(--radius);z-index:40}}@media (max-width: 820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:12px 12px 90px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;align-items:center;background:var(--ink);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;color:var(--paper);text-decoration:none;font-size:1.1rem;padding:2px 6px}.bottom-nav a small{font-size:.62rem}.bottom-nav a.active{color:var(--sub)}.bottom-nav .badge{position:absolute;top:-4px;right:-4px}.fab{width:54px;height:54px;border-radius:50%;font-size:1.8rem;padding:0;background:var(--sub);border:3px solid var(--paper);margin-top:-26px}.row2,.row3,.accounts-layout{grid-template-columns:1fr}.hide-sm{display:none}.month-switch h2{min-width:0;font-size:1.2rem}.rta-amount{font-size:1.3rem}.toasts{left:12px;right:12px;bottom:84px;max-width:none}.cal-cell{min-height:54px}.cal-chip{font-size:.6rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}