:root{--desktop:teal;--face:silver;--shadow:gray;--light:#fff;--ink:#000;--title:navy;--title-ink:#fff;--paper:#fff;--grid:silver;--muted:#606060;--income:#007000;--expense:#a00000;--neg:#c00000;--tip:#ffffe1;--font:"Microsoft Sans Serif", "MS Sans Serif", "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;--fs:14px;--fs-sm:12px;--fs-lg:18px;--fs-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);font-size:var(--fs);color:var(--ink);background:var(--desktop);font-variant-numeric:tabular-nums}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.desktop{justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex}.desktop.center{align-items:center}.window{background:var(--face);border:1px solid var(--ink);flex-direction:column;padding:3px;display:flex}.window>*{border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.window>:first-child{border-top:1px solid var(--ink)}.window>:last-child{border-bottom:1px solid var(--ink)}.app-window{width:100%;max-width:1200px;min-height:calc(100vh - 32px)}.titlebar{background:var(--title);height:22px;color:var(--title-ink);border-bottom:1px solid var(--ink);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:stretch;display:flex}.title-text{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;align-self:center;padding:0 6px;font-weight:700;overflow:hidden}.ctl-box{background:var(--face);border:none;border-right:1px solid var(--ink);cursor:default;flex-shrink:0;justify-content:center;align-items:center;width:22px;padding:0;display:flex}.ctl-box span{background:var(--light);border:1px solid var(--ink);width:13px;height:3px;box-shadow:1px 1px 0 var(--shadow);display:block}.ctl-box[tabindex="0"]{cursor:pointer}.tb-btn{background:var(--face);border:none;border-left:1px solid var(--ink);width:22px;box-shadow:inset 1px 1px var(--light), inset -2px -2px var(--shadow);color:var(--ink);cursor:pointer;flex-shrink:0;padding:0;font-size:9px;line-height:1}.tb-btn:active{box-shadow:inset 1px 1px var(--shadow)}.menubar{background:var(--paper);border-bottom:1px solid var(--ink);scrollbar-width:none;flex-shrink:0;padding:0 2px;display:flex;overflow-x:auto}.menubar::-webkit-scrollbar{display:none}.menu{position:relative}.menu-item{cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:3px 9px}.menu-item.on,.menu-item:focus-visible{background:var(--title);color:var(--title-ink);outline:none}.menu-drop{z-index:100;background:var(--paper);border:1px solid var(--ink);min-width:150px;box-shadow:2px 2px 0 var(--ink);flex-direction:column;margin-top:1px;padding:2px 0;display:flex;position:fixed}.menu-drop button{text-align:left;cursor:pointer;background:0 0;border:none;padding:3px 18px}.menu-drop button:hover{background:var(--title);color:var(--title-ink)}.menu-drop hr{border:none;border-top:1px solid var(--ink);margin:3px 0}.workspace{background:var(--face);flex:1;min-width:0;padding:10px}.statusbar{background:var(--face);border-top:1px solid var(--ink);font-size:var(--fs-sm);flex-shrink:0;gap:16px;padding:2px 8px;display:flex}.statusbar-right{white-space:nowrap;margin-left:auto}.panel{background:var(--paper);border:1px solid var(--ink);outline:2px solid var(--face);box-shadow:0 0 0 3px var(--ink);margin:3px 3px 16px}.panel .titlebar{height:20px}.panel .ctl-box,.panel .tb-btn{width:20px}.panel-min{min-width:260px;margin-right:12px;display:inline-block}.panel-min .titlebar{background:var(--paper);color:var(--ink);border-bottom:none}.panel-body{padding:6px}.modal-overlay{z-index:200;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.dialog{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);box-shadow:3px 3px #00000080}.dialog-body{background:var(--face);padding:12px;overflow-y:auto}.dialog-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.btn{background:var(--face);border:1px solid var(--ink);box-shadow:inset 1px 1px var(--light), inset 2px 2px var(--light), inset -1px -1px var(--shadow), inset -2px -2px var(--shadow);cursor:pointer;white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:4px 14px;font-weight:700;display:inline-flex}.btn:active:not(:disabled){box-shadow:inset 1px 1px var(--shadow);padding:5px 13px 3px 15px}.btn:focus-visible{outline:1px dotted var(--ink);outline-offset:-5px}.btn:disabled{color:var(--shadow);cursor:default}.btn-primary{border-width:2px}.btn-sm{min-height:22px;font-size:var(--fs-sm);padding:1px 8px}.btn-sm:active:not(:disabled){padding:2px 7px 0 9px}.btn-danger{color:var(--neg)}.icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;padding:2px 3px;display:inline-flex}.icon-btn:hover{border-color:var(--ink);background:var(--face)}.field{background:var(--paper);border:1px solid var(--ink);border-radius:0;outline:none;min-height:26px;padding:3px 5px}.field:focus{box-shadow:inset 0 0 0 1px var(--ink)}select.field,select.cell:focus{appearance:none;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Crect x='0.5' y='0.5' width='17' height='17' fill='%23C0C0C0' stroke='black'/%3E%3Cpath d='M5 7h8l-4 4z' fill='black'/%3E%3Cpath d='M5 13h8' stroke='black'/%3E%3C/svg%3E") no-repeat right 1px center;padding-right:24px}input[type=checkbox]{appearance:none;border:1px solid var(--ink);background:var(--paper);cursor:pointer;vertical-align:middle;width:13px;height:13px}input[type=checkbox]:checked{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath d='M1 1l9 9M10 1l-9 9' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center}.form-group{flex-direction:column;flex:1;gap:3px;min-width:120px;display:flex}.form-group label{font-weight:700;font-size:var(--fs-sm)}.form-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.form-submit{flex:none;min-width:auto}small{font-size:var(--fs-sm);color:var(--muted)}.progress{background:var(--paper);border:1px solid var(--ink);height:18px;overflow:hidden}.progress.mini{height:10px}.progress-fill{background:var(--title);height:100%}.progress-fill.fill-neg{background:var(--neg)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.month-nav{align-items:center;gap:4px;display:flex}.month-nav-label{font-weight:700;font-size:var(--fs-lg);text-align:center;min-width:170px}.note{background:var(--paper);border:1px solid var(--ink);font-size:var(--fs-sm);margin-bottom:10px;padding:4px 8px}.overview{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px;display:grid}.overview-item{background:var(--paper);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--shadow);flex-direction:column;gap:3px;padding:6px 8px;display:flex}.overview-label{font-size:var(--fs-sm);color:var(--muted);font-weight:700}.overview-value{font-size:var(--fs-xl);line-height:1.1}.overview-sub{font-size:var(--fs-sm);color:var(--muted)}.txt-neg{color:var(--neg)}.muted{color:var(--muted)}.sheet-wrap{background:var(--paper);border:1px solid var(--ink);overflow-x:auto}.sheet{border-collapse:collapse;background:var(--paper);width:100%}.sheet th{background:var(--face);border:1px solid var(--shadow);box-shadow:inset 1px 1px var(--light);text-align:left;white-space:nowrap;padding:2px 6px;font-weight:700}.sheet td{border:1px solid var(--grid);white-space:nowrap;height:24px;padding:0}.sheet td:not(:has(.cell)){padding:0 6px}.sheet tfoot td,.sheet tfoot th{border-top:2px solid var(--ink);font-weight:700}.sheet .row-head{text-align:left}.sheet-compact td{height:28px}.sheet-compact td:nth-child(2){white-space:normal;padding:2px 6px}.sheet-form{width:100%}.sheet-form .row-head{width:200px}.sheet-form .help{white-space:normal;font-size:var(--fs-sm);color:var(--muted);padding:3px 6px;line-height:1.3}.sheet-form td:nth-child(2){width:140px}.sheet-hint{font-size:var(--fs-sm);color:var(--muted);padding:4px 2px 0}.hint-inline{color:var(--muted);font-size:var(--fs-sm)}.col-date{width:118px}.col-amount{text-align:right;width:104px}.col-num{text-align:right;width:54px}.col-mini{width:52px}.col-bar{width:110px;padding:0 6px!important}.col-actions{text-align:right;width:1%}.col-actions .btn{margin-left:3px}.col-total{background:#efefef}.col-current{background:var(--tip)}th.link{cursor:pointer;text-decoration:underline}.row-muted td,.row-muted .cell{color:var(--shadow)}.row-new td{background:#f7f7f7}.row-section th{background:var(--title);color:var(--title-ink);border-color:var(--ink);box-shadow:none}.row-subtotal td,.row-subtotal th{font-weight:700}.cell-over{color:var(--neg);background:#ffd0d0!important}.cell{background:0 0;border:none;border-radius:0;outline:none;width:100%;min-height:24px;padding:0 6px}.cell:focus{outline:2px solid var(--ink);outline-offset:-2px;background:var(--paper)}.cell::placeholder{color:#9a9a9a}select.cell{appearance:none;cursor:pointer}.cell-money,.cell-num{text-align:right}.cell-date{min-width:118px}.cell-invalid{background:#ffd0d0!important}.cell-check{margin:0 auto;display:block}.cell-sub{width:90px;display:inline-block}.subs{white-space:normal!important;padding:2px 4px!important}.sub-tag{border:1px solid var(--ink);font-size:var(--fs-sm);align-items:center;gap:2px;margin:1px 3px 1px 0;padding:0 4px;display:inline-flex}.sub-tag-delete{cursor:pointer;background:0 0;border:none;padding:0 1px;display:inline-flex}.sub-tag-delete:hover{color:var(--neg)}.empty{text-align:center;color:var(--muted);white-space:normal!important;padding:12px!important}.mobile-list{border:1px solid var(--ink);flex-direction:column;display:flex}.mobile-item{background:var(--paper);border:none;border-bottom:1px solid var(--grid);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:8px;display:flex}.mobile-item:active{background:var(--title);color:var(--title-ink)}.mobile-date{color:var(--muted);width:40px;font-size:var(--fs-sm);flex-shrink:0}.mobile-desc{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-desc small{font-size:var(--fs-sm)}.mobile-amount{font-size:var(--fs-lg)}.fab{z-index:90;font-size:var(--fs-lg);padding:10px 20px;position:fixed;bottom:16px;right:14px}.quick{flex-direction:column;gap:10px;display:flex}.quick p{font-size:var(--fs-sm)}.quick-amount{text-align:right;height:46px;font-size:30px}.quick-cats{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:4px;display:grid}.chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chips-label{font-size:var(--fs-sm);margin-right:2px;font-weight:700}.chip{background:var(--face);border:1px solid var(--ink);box-shadow:inset 1px 1px var(--light), inset -1px -1px var(--shadow);cursor:pointer;border-radius:3px;padding:4px 10px}.chip.on{background:var(--title);color:var(--title-ink);box-shadow:inset 1px 1px var(--ink)}.chip-cat{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip-sm{font-size:var(--fs-sm);padding:2px 8px}.toast{z-index:300;background:var(--tip);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;max-width:calc(100vw - 28px);padding:6px 12px;position:fixed;bottom:14px;right:14px}.toast-error{color:var(--neg);background:#ffe0e0}.login-window{width:380px}.login-body{flex-direction:column;gap:12px;padding:16px;display:flex}.login-header{align-items:center;gap:14px;display:flex}.login-logo{color:var(--title)}.login-title{font-size:var(--fs-xl);color:var(--title);font-weight:700}.login-subtitle{font-size:var(--fs-sm)}.login-actions{justify-content:flex-end;display:flex}.login-error{background:var(--paper);border:1px solid var(--neg);color:var(--neg);font-size:var(--fs-sm);padding:4px 8px}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:var(--face);border:1px solid var(--ink);box-shadow:inset 1px 1px var(--light), inset -1px -1px var(--shadow)}::-webkit-scrollbar-button:single-button{background:var(--face);border:1px solid var(--ink);width:16px;height:16px}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-1{flex:1}.flex-center{align-items:center}.gap-2{gap:8px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-2{margin-bottom:8px}.w-full{width:100%}.px-icon{shape-rendering:crispedges;vertical-align:middle;flex-shrink:0}.col-icon{text-align:center;width:40px}.icon-pick{cursor:pointer;background:0 0;border:1px solid #0000;padding:1px;display:inline-flex}.icon-pick:hover{border-color:var(--ink);background:var(--face)}.icon-grid{background:var(--paper);border:1px solid var(--ink);grid-template-columns:repeat(auto-fill,40px);justify-content:center;gap:4px;padding:6px;display:grid}.icon-cell{background:var(--paper);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-cell:hover{border-color:var(--ink)}.icon-cell.on{background:var(--title);border-color:var(--ink)}.icon-cell.on .px-icon{color:var(--title-ink)!important}@media (width<=640px){.desktop{padding:0}.app-window{border:none;min-height:100vh;padding:0}.workspace{padding:8px 8px 72px}.panel{margin:3px 3px 14px}.panel-min{margin-right:3px;display:block}.month-nav-label{min-width:0;font-size:var(--fs)}.overview{grid-template-columns:1fr 1fr;gap:6px}.overview-value{font-size:var(--fs-lg)}.form-row{flex-direction:column;align-items:stretch}.field{min-height:34px;font-size:16px}.btn{min-height:32px}.sheet-compact .col-date{width:44px}.sheet-compact .col-amount{width:86px}.sheet-form .row-head{white-space:normal;width:auto}.sheet-form .help{display:none}.toast{bottom:72px}.hide-mobile{display:none!important}}.help-page{grid-template-columns:240px 1fr;align-items:start;gap:6px;display:grid}.help-topics{flex-direction:column;gap:4px;padding:2px;list-style:none;display:flex}.help-jump{color:green;text-underline-offset:3px;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.help-jump.on{color:var(--title-ink);background:var(--title);padding:0 3px;text-decoration:none}.help-body{max-width:70ch;padding:6px 10px 10px;line-height:1.5}.help-body p,.help-body ul,.help-body ol,.help-body table{margin-bottom:10px}.help-body ul,.help-body ol{padding-left:22px}.help-body li{margin-bottom:4px}.help-body code{font-family:Courier New,monospace}kbd{font-family:inherit;font-size:var(--fs-sm);border:1px solid var(--ink);box-shadow:inset -1px -1px var(--shadow), inset 1px 1px var(--light);background:var(--face);border-radius:2px;padding:0 5px;font-weight:700}.help-keys td{padding:2px 10px 2px 0}.chip.on .px-icon{color:var(--title-ink)!important}@media (width<=640px){.help-page{grid-template-columns:1fr}}.amt-income,tr.amt-income td,.cell.amt-income{color:var(--income)}.amt-expense,tr.amt-expense td,.cell.amt-expense{color:var(--expense)}tr.row-leftover td{color:var(--income)}tr td.txt-neg,tr td.cell-over{color:var(--neg)}.cell.amt-income:focus,.cell.amt-expense:focus{color:var(--ink)}.sheet .col-projected{font-style:italic}.sheet td.col-projected{opacity:.55}.sheet th.col-projected{color:var(--muted)}.projected-tag{font-size:10px;font-weight:400;text-decoration:none;display:block}