@font-face{font-family:Gochi Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/bb80282eab4f8549-s.p.2824-vgfemrxp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gochi Hand Fallback;src:local(Arial);ascent-override:82.14%;descent-override:43.44%;line-gap-override:0.0%;size-adjust:93.87%}.vYSGca_className{font-family:Gochi Hand,Gochi Hand Fallback;font-style:normal;font-weight:400}.vYSGca_variable{--font-note:"Gochi Hand", "Gochi Hand Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4ece0;--sidebar:#efe5d4;--panel:#fdf8ef;--surface:#ebdcc9;--surface-raised:#e2d3bf;--border:#e2d3bf;--border-strong:#d6c8b4;--text:#211c15;--text-muted:#756a58;--text-subtle:#968a76;--accent:#ac5700;--accent-fg:#fdf8ef;--success:#33782d;--danger:#b54a46;--group-0:#a3623b;--group-1:#00877c;--group-2:#8f6f23;--group-3:#955e90;--group-4:#677f39;--group-5:#347ca9;--group-6:#a75b5c;--group-7:#746aab;--payee-0:var(--group-1);--payee-1:var(--group-3);--shadow:0 6px 20px #50371e14;--scrim:#211c1540}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#051214;--sidebar:#0b191b;--panel:#112022;--surface:#1b292c;--surface-raised:#253336;--border:#253336;--border-strong:#314043;--text:#d9ecef;--text-muted:#9dafb2;--text-subtle:#798a8d;--accent:#f2a26a;--accent-fg:#112022;--success:#8acb83;--danger:#fb9890;--group-0:#dea280;--group-1:#6dc3b8;--group-2:#caad71;--group-3:#d09ecb;--group-4:#a5bb7f;--group-5:#7eb9e2;--group-6:#e29c9b;--group-7:#b0a8e4;--payee-0:var(--group-1);--payee-1:var(--group-3);--shadow:0 6px 20px #00000059;--scrim:#00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#051214;--sidebar:#0b191b;--panel:#112022;--surface:#1b292c;--surface-raised:#253336;--border:#253336;--border-strong:#314043;--text:#d9ecef;--text-muted:#9dafb2;--text-subtle:#798a8d;--accent:#f2a26a;--accent-fg:#112022;--success:#8acb83;--danger:#fb9890;--group-0:#dea280;--group-1:#6dc3b8;--group-2:#caad71;--group-3:#d09ecb;--group-4:#a5bb7f;--group-5:#7eb9e2;--group-6:#e29c9b;--group-7:#b0a8e4;--payee-0:var(--group-1);--payee-1:var(--group-3);--shadow:0 6px 20px #00000059;--scrim:#00000080}:root{--flow-income:var(--text-subtle);--flow-expense:var(--accent);--flow-remaining:color-mix(in srgb, var(--accent) 38%, var(--panel));--flow-saving:var(--success);--flow-unsaved:color-mix(in srgb, var(--success) 38%, var(--panel));--flow-free:color-mix(in srgb, var(--success) 35%, var(--panel));--flow-shortfall:var(--danger);--flow-overplan:color-mix(in srgb, var(--danger) 45%, var(--panel));--flow-pastplan:color-mix(in srgb, var(--group-2) 80%, var(--panel))}*{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}h1,h2{letter-spacing:-.01em;margin:0}h2{font-size:14px;font-weight:600}p{margin:0}button,select,input{font:inherit;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:8px;padding:6px 10px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}a.button{border:1px solid var(--border-strong);color:var(--text);border-radius:8px;padding:6px 10px;text-decoration:none;display:inline-block}a.button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button.link{color:var(--accent);background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--text-muted)}.up{color:var(--success)}.down{color:var(--danger)}.saving{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.app-frame{grid-template-rows:56px minmax(0,1fr);grid-template-columns:72px minmax(0,1fr);height:100vh;display:grid}.app-frame[data-pinned=true]{grid-template-columns:224px minmax(0,1fr)}.app-pagebar{grid-area:1/2;align-items:center;gap:12px;min-width:0;padding:8px 24px;display:flex}.app-pagebar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.3rem;overflow:hidden}.app-content{grid-area:2/2;min-width:0;padding:0 24px 20px;overflow:auto}.icon-btn{width:40px;height:40px;color:var(--text);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface);color:var(--accent)}.icon-btn svg,.app-sidebar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.menu-toggle{display:none}.app-sidebar{z-index:20;grid-area:1/1/3;min-width:0;position:relative}.sidebar-inner{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:100%;padding:10px 12px 16px;transition:width .18s,box-shadow .18s;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden}.app-frame[data-expanded=true][data-pinned=false] .sidebar-inner{width:224px;box-shadow:var(--shadow)}.sidebar-head{justify-content:center;align-items:center;gap:8px;height:40px;margin-bottom:24px;display:flex}.sidebar-brand{height:40px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-weight:700;text-decoration:none;display:flex}.sidebar-brand:hover{background:var(--surface)}.brand-mark{background:var(--accent);flex:none;width:20px;height:20px;-webkit-mask:url(/icons/logo.svg) 50%/contain no-repeat;mask:url(/icons/logo.svg) 50%/contain no-repeat}.pin-toggle{display:none}.pin-toggle[aria-pressed=true]{color:var(--accent)}.app-sidebar nav{gap:6px;display:grid}.app-sidebar nav a,.nav-btn{width:48px;height:46px;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;margin:0 auto;padding:0 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.app-sidebar nav a:hover,.nav-btn:hover,.app-sidebar nav a[aria-current=page]{background:var(--surface-raised);color:var(--accent)}.app-sidebar .label{display:none}.sidebar-foot{border-top:1px solid var(--border);gap:6px;margin:auto 0 0;padding-top:12px;display:grid}.app-frame[data-expanded=true] .sidebar-head{justify-content:space-between}.app-frame[data-expanded=true] .pin-toggle{display:inline-grid}.app-frame[data-expanded=true] .app-sidebar nav a,.app-frame[data-expanded=true] .nav-btn{width:100%}.app-frame[data-expanded=true] .app-sidebar .label{display:inline}.sidebar-scrim{display:none}.page{flex-direction:column;gap:14px;height:100%;min-height:520px;display:flex}.cheer{text-align:right;font-family:var(--font-note), "Comic Sans MS", cursive;color:var(--accent);justify-items:end;gap:1px;margin:0;line-height:1.15;display:grid;transform:rotate(-1.5deg)}.cheer b{font-size:21px;font-weight:400}.cheer small{color:var(--text);font-size:15px}.cheer.pop{text-align:left;border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--panel));border-radius:10px;justify-items:start;padding:12px 14px;animation:.45s cubic-bezier(.3,1.6,.5,1) cheer-pop}.cheer.pop button{margin-top:4px;font-family:inherit;font-size:16px}@keyframes cheer-pop{0%{opacity:0;transform:rotate(-6deg)scale(.6)}to{opacity:1;transform:rotate(-1.5deg)scale(1)}}@media (prefers-reduced-motion:reduce){.cheer.pop{animation:none}}.cheer span{color:var(--text-muted);font-size:15px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head .grow{flex:1;min-width:200px}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}input.search{width:200px;max-width:100%;color:var(--text)}.workspace{flex:1;grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;display:grid}.workspace.split{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.workspace.paychecks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.workspace.halves{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start}@media (min-width:1100px){.workspace.halves>.span-2{grid-column:span 2}}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input{width:80px}.plan-cats{table-layout:fixed}.plan-cats .c-payday{width:72px}.plan-cats .c-whose{width:120px}.plan-cats .c-days{width:76px}.plan-cats .days-input{width:100%}.payday-note{font-size:13px}.still-to-pay{margin:0;font-size:14px}.still-to-pay a{white-space:nowrap}.pace-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.pace-note a{color:var(--text)}.pace-note .ahead{color:var(--accent);font-weight:600}.undo-note{margin:0;font-size:13px}.undo-note button.link{font-weight:600}.undo-note button.link.muted{color:var(--text-muted)}.payday-note.late{color:var(--danger);font-weight:600;text-decoration:none}.plan-cats .c-actions{width:132px}.plan-note{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:-4px 0 8px;font-size:13px;display:flex}td.logged{white-space:nowrap}.paid-btn{border-radius:999px;padding:2px 10px;font-size:12px}.paid-btn:hover{border-color:var(--accent);color:var(--accent)}td.logged .link{margin-left:8px}.paste-alert{border-bottom:1px solid var(--border);padding-bottom:14px}.paste-alert textarea{font-size:14px}.plan-add{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 90px auto;gap:6px;margin-top:8px;padding-top:10px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:14px 16px;display:flex}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-head a{font-size:13px;text-decoration:none}.stack{flex-direction:column;gap:14px;min-height:0;display:flex}.stack>.panel:last-child{flex:1}.scroll{flex:1;min-height:0;margin:0 -16px -14px;padding:0 16px 14px;overflow:auto}.empty{text-align:center;color:var(--text-muted);padding:24px 0}.getting-started .panel-head h2 .muted{font-weight:400}.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.steps li>div{justify-items:start;gap:6px;display:grid}.steps li p{color:var(--text-muted);font-size:12px}.steps li.current{border-color:var(--accent)}.steps li.later .step-mark{border-style:dashed}.step-mark{border:1px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.steps li.current .step-mark{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.steps li.done .step-mark{border-color:var(--success);color:var(--success)}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:10px 14px}.card .label{color:var(--text-muted);font-size:12px}.card .value{font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.card .hint{color:var(--text-muted);font-size:12px}.pocket-cards{flex:none}.pocket-cards button.card{text-align:left;font:inherit;color:var(--text);gap:2px;display:grid}.pocket-cards button.card:hover{background:var(--surface)}.pocket-cards button.card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), var(--shadow)}.pocket-cards .card.total .value{color:var(--accent)}td .sub{color:var(--text-muted);font-size:12px;display:block}.entries .bal-sub{display:none}@media (max-width:560px){.entries .bal{display:none}.entries .bal-sub{display:block}.entries td.wrap{min-width:96px}.entries th,.entries td{padding-left:4px;padding-right:4px}}.drawer-body h3{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.drawer-body h3 .muted{font-size:12px;font-weight:400}.pocket-list{gap:8px;display:grid}.pocket-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;padding-bottom:8px;display:grid}.pocket-row label{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.pocket-row input{width:100%;min-width:0}.pocket-actions{align-items:center;gap:4px;display:flex}.pocket-add{padding-top:4px}@media (max-width:560px){.pocket-row{grid-template-columns:1fr 1fr}.pocket-row label:first-child{grid-column:1/-1}}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:7px 8px}th{z-index:1;background:var(--panel);color:var(--text-muted);font-size:12px;font-weight:500;position:sticky;top:0}td.wrap{white-space:normal}.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface)}td input{text-align:right;width:110px;padding:3px 8px}.scroll table+table{margin-top:18px}td select.kind-select{width:auto;margin-right:4px;padding:3px 6px;font-size:12px}tr.editing td{background:var(--surface)}tr.period-head th{text-align:left;color:var(--text);padding-top:14px;font-size:12px;font-weight:600;position:static}tr.period-head.paid th{background:color-mix(in srgb, var(--payee) 14%, var(--panel))}tr.paid>:first-child{box-shadow:inset 3px 0 var(--payee)}td input.name-input{text-align:left;background:0 0;border-color:#0000;width:100%;min-width:140px}td input.name-input:hover,td input.name-input:focus{border-color:var(--border-strong);background:var(--panel)}td .icon-btn{width:28px;height:28px}[data-hide-values=true] input[type=number],[data-hide-values=true] input.search{filter:blur(6px)}[data-hide-values=true] input[type=number]:focus,[data-hide-values=true] input.search:focus{filter:none}.pill{border:1px solid var(--border-strong);white-space:nowrap;color:var(--text-muted);text-overflow:ellipsis;border-radius:999px;max-width:50vw;padding:3px 10px;font-size:12px;text-decoration:none;overflow:hidden}.pill.ok{color:var(--success);border-color:var(--success)}.pill.bad{color:var(--danger);border-color:var(--danger)}.segmented{border:1px solid var(--border-strong);background:var(--panel);border-radius:10px;display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:0;border-radius:0;padding:6px 12px}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.segmented button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.form .segmented button{flex:1}.month-nav{align-items:center;gap:4px;display:inline-flex}.month-nav strong{text-align:center;min-width:130px}.meter{background:var(--surface-raised);border-radius:3px;min-width:80px;height:6px;display:block;overflow:hidden}.meter b{background:var(--g,var(--accent));height:100%;display:block}.meter.over b{background:var(--danger)}.category-cell{overflow-wrap:anywhere;width:100%}.category-cell .meter{min-width:0;margin-top:5px}.form{gap:12px;display:grid}.form label{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.form label.check{align-items:center;gap:8px;font-size:13px;display:flex}.form label.check input{width:auto}.form input,.form select{color:var(--text);width:100%;font-size:14px}.form .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form .actions{flex-wrap:wrap;gap:8px;display:flex}.period-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.month-nav button:disabled{opacity:.4;cursor:default}.flow{flex:1;min-height:0;overflow:hidden auto}.sankey{display:block}.sankey text{fill:var(--text);font-size:13px}.sankey .name{font-weight:600}.sankey .amt{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.sankey.narrow text{font-size:12px}.sankey.narrow .amt{font-size:11px}.sankey .link{fill:none;stroke-opacity:.35;transition:stroke-opacity .15s}.sankey:hover .link{stroke-opacity:.15}.sankey .link:hover{stroke-opacity:.65}.sankey .node{stroke:var(--panel);stroke-width:2px}.sankey .link.income,.sankey .node.income,.swatch.income{stroke:var(--flow-income);fill:var(--flow-income);background:var(--flow-income)}.sankey .link.expense,.sankey .node.expense,.swatch.expense{stroke:var(--flow-expense);background:var(--flow-expense)}.sankey .link.remaining,.sankey .node.remaining,.swatch.remaining{stroke:var(--flow-remaining);background:var(--flow-remaining)}.sankey .link.saving,.sankey .node.saving,.swatch.saving{stroke:var(--flow-saving);background:var(--flow-saving)}.sankey .link.unsaved,.sankey .node.unsaved,.swatch.unsaved{stroke:var(--flow-unsaved);fill:var(--flow-unsaved);background:var(--flow-unsaved)}.sankey .link.free,.sankey .node.free,.swatch.free{stroke:var(--flow-free);background:var(--flow-free)}.sankey .link.shortfall,.sankey .node.shortfall,.swatch.shortfall{stroke:var(--flow-shortfall);background:var(--flow-shortfall)}.sankey .link.overplan,.sankey .node.overplan,.swatch.overplan{stroke:var(--flow-overplan);fill:var(--flow-overplan);background:var(--flow-overplan)}.sankey .link.pastplan,.sankey .node.pastplan,.swatch.pastplan{stroke:var(--flow-pastplan);fill:var(--flow-pastplan);background:var(--flow-pastplan)}.sankey .node.expense{fill:var(--flow-expense)}.sankey .node.remaining{fill:var(--flow-remaining)}.sankey .node.saving{fill:var(--flow-saving)}.sankey .node.free{fill:var(--flow-free)}.sankey .node.shortfall{fill:var(--flow-shortfall)}.sankey .link{fill:none}.sankey .grouped.expense{--c:var(--g)}.sankey .grouped.remaining{--c:color-mix(in srgb, var(--g) 38%, var(--panel))}.sankey .link.grouped{stroke:var(--c)}.sankey .node.grouped{fill:var(--c);stroke:var(--panel)}.flow-legend .swatch.expense{background:var(--text-subtle)}.flow-legend .swatch.remaining{background:color-mix(in srgb, var(--text-subtle) 38%, var(--panel))}.flow-legend{color:var(--text-muted);flex-wrap:wrap;gap:16px;padding-top:8px;font-size:12px;display:flex}.flow-legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.history-legend{padding:0 0 8px}.history-month{border-top:1px solid var(--border);padding:10px 0}.history-month h3{margin:0 0 6px;font-size:13px}.history-row{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:24px;font-size:13px;display:grid}.history-row .num{font-variant-numeric:tabular-nums;text-align:right;min-width:84px}.history-bar{height:10px}.history-bar b{background:var(--g);border-radius:0 4px 4px 0;min-width:0;height:100%;display:block}.board{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:0;display:grid}.board .panel{padding-bottom:0}.board h2 .muted{font-weight:400}.tr-list{flex:1;align-content:start;gap:8px;min-height:0;margin:0 -16px;padding:0 16px 14px;list-style:none;display:grid;overflow:auto}.tr-card{text-align:left;background:var(--page);border-color:var(--border);width:100%;color:var(--text);gap:4px;padding:10px 12px;display:grid}.tr-card:hover{background:var(--surface)}.tr-card .tr-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.tr-card b{font-weight:600}.tr-card p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.prio{border:1px solid;border-radius:999px;padding:0 6px;font-size:11px}.prio.high{color:var(--danger)}.prio.medium{color:var(--accent)}.prio.low{color:var(--text-muted)}.tr-form{gap:12px;display:grid}.tr-month summary{cursor:pointer;padding:6px 0;font-weight:600}.tr-month summary .muted{font-weight:400}.tr-month .tr-list{margin:4px 0 8px;padding:0;overflow:visible}.tr-form label{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.tr-form input,.tr-form select,.tr-form textarea{color:var(--text);font-size:14px}textarea{font:inherit;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);resize:vertical;border-radius:8px;padding:6px 10px}.tr-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tr-actions{gap:8px;display:flex}.tr-cancel{margin-left:auto}.tr-form p{margin:0}@media (max-width:1280px){.board{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(240px,1fr);overflow:auto}}@media (max-width:980px){.board{grid-template-columns:minmax(0,1fr)}.app-frame,.app-frame[data-expanded=true]{height:auto;display:block}.app-pagebar{z-index:30;background:var(--page);border-bottom:1px solid var(--border);padding:6px 12px;position:sticky;top:0}.app-pagebar h1{font-size:1.15rem}.menu-toggle{display:inline-grid}.pin-toggle,.app-frame[data-expanded=true] .pin-toggle{display:none}.app-sidebar{z-index:42;border:1px solid var(--border);width:min(260px,100vw - 24px);max-height:calc(100vh - 72px);box-shadow:var(--shadow);border-radius:14px;display:none;position:fixed;top:56px;left:12px}.app-frame[data-mobile-open=true] .app-sidebar{display:block}.sidebar-inner,.app-frame[data-expanded=true][data-pinned=false] .sidebar-inner{width:auto;height:auto;max-height:calc(100vh - 72px);box-shadow:none;border:0;border-radius:14px;padding:10px;position:static;overflow-y:auto}.sidebar-head{justify-content:flex-start;margin-bottom:8px}.app-sidebar nav a,.nav-btn{width:100%}.app-sidebar .label{display:inline}.app-frame[data-mobile-open=true] .sidebar-scrim{z-index:41;background:var(--scrim);border:0;border-radius:0;display:block;position:fixed;inset:0}.app-content{padding:12px 16px;overflow:visible}button:not(.link),select,input:not([type=checkbox]):not([type=radio]):not([type=file]),a.button{min-height:40px}.month-nav button{min-width:40px}table.txns .icon-btn,table.plan-lines .icon-btn,table.members .icon-btn,.plan-cats .icon-btn{width:40px;height:40px}td input,td select.kind-select{min-height:40px}.page{height:auto;min-height:0}.workspace,.workspace.split{flex-direction:column;display:flex}.scroll{max-height:60vh}.flow{flex:none;height:380px}}@media (max-width:640px){table.txns thead,table.members thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}table.txns tbody tr:not(.period-head),table.members tbody tr{border-bottom:1px solid var(--border);align-items:center;column-gap:4px;display:grid}table.txns tbody tr:not(.period-head){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"note note amt""date cat act"}table.members tbody tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name act""sal login"}table.txns tbody tr>td,table.members tbody tr>td{border:0;padding:2px 6px}table.txns tr.period-head,table.txns tr.period-head th{display:block}table.txns tr.period-head th{white-space:normal}table.txns tr.paid:not(.period-head){box-shadow:inset 3px 0 var(--payee)}table.txns tr.paid>:first-child{box-shadow:none}.c-note{grid-area:note;padding-top:6px!important}.c-amt{grid-area:amt}.c-act{grid-area:act;justify-content:flex-end;display:flex}.c-date,.c-cat{font-size:12px;padding-bottom:6px!important}.c-date{color:var(--text-muted);grid-area:date}.c-cat{text-overflow:ellipsis;grid-area:cat;overflow:hidden}table.members td input.name-input{min-width:0}table.members .c-sal{grid-area:sal;font-size:12px}table.members .c-login{grid-area:login}}.plan-panel{container:plan/inline-size}@container plan (max-width:600px){table.plan-lines thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}table.plan-lines tbody tr{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name name amt""was logged act";align-items:center;column-gap:4px;display:grid}table.plan-lines tbody tr>td{border:0;padding:2px 6px}table.plan-lines .c-name{grid-area:name}table.plan-lines .c-amt{grid-area:amt}table.plan-lines .c-was{text-align:left;grid-area:was}table.plan-lines .c-logged{text-align:left;grid-area:logged}table.plan-lines .c-was,table.plan-lines .c-logged{padding-bottom:6px;font-size:12px}table.plan-lines .c-act{grid-area:act;justify-content:flex-end;display:flex}table.plan-lines .c-was:before{content:attr(data-label) " "}table.plan-lines td input.name-input{min-width:0}table.plan-lines td[colspan]{grid-column:1/-1}}.login-page{max-width:360px;margin:14vh auto 0;padding:0 16px}.login-page section{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:24px}.login-page h1{align-items:center;gap:10px;margin-bottom:16px;font-size:1.2rem;display:flex}.login-page h1:before{content:"";background:var(--accent);border-radius:4px;width:14px;height:14px}.login-form{gap:10px;display:grid}.login-form button{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}code{background:var(--surface);border-radius:4px;padding:1px 4px;font-size:12px}dialog.drawer{border:0;border-left:1px solid var(--border);background:var(--panel);width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);box-shadow:var(--shadow);margin:0 0 0 auto;padding:0}dialog.drawer.wide{width:min(620px,100vw)}dialog.drawer::backdrop{background:var(--scrim)}dialog.drawer[open]{animation:.18s ease-out drawer-in}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){dialog.drawer[open]{animation:none}}.drawer-inner{flex-direction:column;height:100%;display:flex}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px 20px;display:flex}.drawer-head h2{margin:0;font-size:16px}.drawer-body{flex:1;align-content:start;gap:16px;min-height:0;padding:16px 20px 20px;display:grid;overflow:auto}