:root{color-scheme:dark;--font-display: "Oswald", "Avenir Next Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: #0b0c0e;--surface: #141519;--surface-2: #1e2026;--surface-3: #282b33;--border: #3a3831;--border-soft: #26251f;--text: #F4F0E6;--text-dim: #b0a99c;--text-faint: #7d766a;--text-ink: #EDF3F2;--brand: #0f766e;--brand-bright: #14b8a6;--brand-wash: rgba(15, 118, 110, .12);--money-in: #34d399;--money-out: #f87171;--warn: #fbbf24;--link: #60a5fa;--shadow: rgba(0, 0, 0, .5);--r-sm: 6px;--r: 10px;--r-lg: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--fs-xs: 12px;--fs-sm: 13px;--fs: 15px;--fs-lg: 18px;--fs-xl: 24px;--fs-xxl: 32px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs);line-height:1.45}body{min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.boot{padding:var(--s6);color:var(--text-dim);text-align:center}.hidden{display:none!important}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.in{color:var(--money-in)}.out{color:var(--money-out)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:var(--fs-sm)}.right{text-align:right}.row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.spacer{flex:1}.stack>*+*{margin-top:var(--s4)}.top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border-soft);padding-top:env(safe-area-inset-top)}.top-inner{max-width:1180px;margin:0 auto;padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--s2);color:var(--text)}.brand:hover{text-decoration:none}.brand img{width:34px;height:34px}.brand-word{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;font-size:var(--fs-lg)}.brand-word span{color:var(--brand-bright)}.switcher{width:auto;min-width:220px;max-width:340px}.who{font-size:var(--fs-sm);color:var(--text-dim)}.tabs{max-width:1180px;margin:0 auto;padding:0 var(--s4);display:flex;gap:var(--s1);overflow-x:auto}.tabs a{padding:var(--s2) var(--s3);color:var(--text-dim);border-bottom:2px solid transparent;white-space:nowrap;font-weight:500}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a.on{color:var(--text);border-bottom-color:var(--brand-bright)}main{max-width:1180px;margin:0 auto;padding:var(--s5) var(--s4) 96px}h1{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);letter-spacing:.02em;margin:0 0 var(--s4)}h2{font-size:var(--fs-lg);margin:0 0 var(--s3)}h3{font-size:var(--fs);margin:0 0 var(--s2);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:9px var(--s4);border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-weight:600;min-height:40px}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--text-ink)}.btn.primary:hover{filter:brightness(1.12)}.btn.danger{color:var(--money-out)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.small{min-height:30px;padding:4px var(--s3);font-size:var(--fs-sm)}.btn:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px var(--s3);min-height:40px;width:100%}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--brand-bright);outline-offset:1px}textarea{min-height:70px;resize:vertical}label{display:block;font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--s1);font-weight:500}.field{margin-bottom:var(--s3)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.seg{display:flex;flex-wrap:wrap;gap:var(--s1);background:var(--surface);padding:var(--s1);border-radius:var(--r);border:1px solid var(--border-soft)}.seg button{flex:1 1 auto;border:0;background:transparent;padding:var(--s2) var(--s3);border-radius:var(--r-sm);cursor:pointer;color:var(--text-dim);font-weight:600;font-size:var(--fs-sm)}.seg button.on{background:var(--brand);color:var(--text-ink)}.help{font-size:var(--fs-sm);color:var(--text-faint);margin-top:var(--s1)}.error-msg{color:var(--money-out);font-size:var(--fs-sm);margin:var(--s2) 0;min-height:1em}.money-input{position:relative}.money-input:before{content:"$";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.money-input input{padding-left:24px;font-family:var(--font-mono)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s4)}.stat .label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.stat .value{font-family:var(--font-mono);font-size:var(--fs-xl);margin-top:var(--s1);font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-bottom:var(--s4)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;padding:var(--s2);border-bottom:1px solid var(--border-soft)}.table td{padding:var(--s2);border-bottom:1px solid var(--border-soft);vertical-align:top}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--surface-2)}.table tr.voided td{opacity:.45;text-decoration:line-through}.table th.right,.table td.right{text-align:right}.list-row{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--border-soft)}.list-row:last-child{border-bottom:0}.badge{display:inline-block;font-size:var(--fs-xs);padding:2px var(--s2);border-radius:999px;background:var(--surface-3);color:var(--text-dim);font-weight:600;white-space:nowrap}.badge.income{background:#34d3991f;color:var(--money-in)}.badge.expense{background:#f871711f;color:var(--money-out)}.badge.brand{background:var(--brand-wash);color:var(--brand-bright)}.badge.warn{background:#fbbf241f;color:var(--warn)}.empty{text-align:center;color:var(--text-dim);padding:var(--s6) var(--s4)}.modal-back{position:fixed;inset:0;background:#000000a6;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:5vh var(--s3);overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:560px;padding:var(--s5);box-shadow:0 20px 60px var(--shadow)}.modal.wide{max-width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4)}.modal-head h2{margin:0}.modal-foot{display:flex;gap:var(--s2);justify-content:flex-end;margin-top:var(--s4);flex-wrap:wrap}details summary{cursor:pointer;color:var(--text-dim);font-size:var(--fs-sm);margin:var(--s2) 0}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s4)}.auth{width:100%;max-width:400px}.auth .brand{justify-content:center;margin-bottom:var(--s5)}.auth .brand img{width:56px;height:56px}.auth .brand-word{font-size:var(--fs-xxl)}.auth p.lead{color:var(--text-dim);text-align:center;margin-top:0}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--surface-3);border:1px solid var(--border);padding:var(--s3) var(--s4);border-radius:var(--r);z-index:80;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}#toast.err{border-color:var(--money-out)}.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px var(--shadow)}.footer{text-align:center;color:var(--text-faint);font-size:var(--fs-xs);padding:var(--s5) 0}@media(max-width:860px){.stats{grid-template-columns:1fr 1fr}.two-col,.grid3,.grid4{grid-template-columns:1fr}.hide-sm{display:none}}@media(max-width:520px){.grid2{grid-template-columns:1fr}.switcher{order:5;flex:1 1 100%;max-width:none;min-width:0}.top-inner{row-gap:var(--s2)}.table td,.table th{padding:6px 4px}html,body{overflow-x:hidden}.stat .value{font-size:var(--fs-lg)}.modal{padding:var(--s4)}}