:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--line: #2a2f3a;--text: #e7e9ee;--muted: #99a1b3;--accent: #7cc4a4;--warn: #e0a458;--bad: #d97b7b;--radius: 10px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--panel: #ffffff;--panel-2: #f0f2f5;--line: #dfe3ea;--text: #1a1d23;--muted: #5d6577;--accent: #1f7a54;--warn: #9a6316;--bad: #a83c3c}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}a{color:inherit}header.top{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}header.top .brand{font-weight:650;letter-spacing:-.01em;text-decoration:none}header.top nav{display:flex;gap:1.1rem;margin-left:auto;align-items:center;flex-wrap:wrap}header.top nav a{color:var(--muted);text-decoration:none;font-size:.925rem}header.top nav a:hover,header.top nav a[aria-current=page]{color:var(--text)}main{max-width:1100px;margin:0 auto;padding:1.75rem 1.5rem 4rem}h1{font-size:1.5rem;margin:0 0 .25rem;letter-spacing:-.02em}h2{font-size:1.05rem;margin:2rem 0 .75rem;letter-spacing:-.01em}.sub{color:var(--muted);margin:0 0 1.5rem;font-size:.925rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.card .label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.card .value{font-size:1.65rem;font-weight:620;margin-top:.3rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.card .note{color:var(--muted);font-size:.8rem;margin-top:.2rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:var(--muted);font-weight:550;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:0 .6rem .5rem;border-bottom:1px solid var(--line)}td{padding:.5rem .6rem;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}.muted{color:var(--muted)}.out{color:var(--bad)}.in{color:var(--accent)}.bar{height:6px;background:var(--accent);border-radius:3px;min-width:2px}.spark{display:flex;align-items:flex-end;gap:2px;height:90px;margin-top:.6rem}.spark>div{flex:1;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;opacity:.85}.signin-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.signin{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem}label{display:block;font-size:.85rem;color:var(--muted);margin:.9rem 0 .3rem}input[type=text],input[type=password],input[type=search],select{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}button{margin-top:1.25rem;width:100%;padding:.6rem;border-radius:8px;border:0;background:var(--accent);color:#06130d;font:inherit;font-weight:620;cursor:pointer}button:hover{filter:brightness(1.07)}.error{margin-top:1rem;padding:.6rem .75rem;border-radius:8px;background:color-mix(in oklab,var(--bad) 18%,transparent);border:1px solid var(--bad);font-size:.875rem}.filters{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.filters>div{flex:1 1 160px}.filters label{margin-top:0}.filters button{margin-top:0;width:auto;padding:.55rem 1.1rem}.hero{margin-bottom:1.25rem}.card.big{padding:1.25rem 1.35rem}.card.big .value{font-size:2.3rem;line-height:1.1}.card.big .value .per{font-size:1rem;color:var(--muted);font-weight:500}.card.big .note{margin-top:.5rem;font-size:.85rem;line-height:1.45}.card.is-over{border-left:3px solid var(--warn)}.card.is-under{border-left:3px solid var(--accent)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:780px){.split{grid-template-columns:1fr}}.row{display:flex;align-items:baseline;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.row:last-child{border-bottom:0}.rowname{flex:1 1 auto;font-weight:550}.small{font-size:.8rem}.chip{font-family:var(--mono);font-size:.82rem;padding:.1rem .45rem;border-radius:999px;font-weight:600}.chip.over{background:color-mix(in oklab,var(--warn) 22%,transparent);color:var(--warn)}.chip.under{background:color-mix(in oklab,var(--accent) 22%,transparent);color:var(--accent)}.spark.tall{height:130px}.spark>div.now{opacity:1;background:var(--warn)}.axis{display:flex;justify-content:space-between;font-size:.78rem;margin-top:.55rem;color:var(--muted);gap:1rem;flex-wrap:wrap}.fixedgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem 1.2rem}.fixeditem{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.monthnav{display:flex;gap:1.2rem;align-items:center;margin-bottom:1rem;font-size:.9rem}.monthnav a{color:var(--muted);text-decoration:none}.monthnav a:hover{color:var(--text)}.ok{margin:0 0 1rem;padding:.6rem .75rem;border-radius:8px;background:color-mix(in oklab,var(--accent) 16%,transparent);border:1px solid var(--accent);font-size:.875rem}table.budget td{vertical-align:middle}input.money{width:6.5rem;text-align:right;padding:.35rem .5rem;font-family:var(--mono);font-size:.875rem}input.money:disabled{opacity:.55;cursor:not-allowed}.meter{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.meter .fill{height:100%;background:var(--accent);border-radius:4px}.meter .fill.over{background:var(--bad)}tfoot th{border-top:1px solid var(--line);border-bottom:0;padding-top:.7rem;color:var(--text);font-size:.9rem;text-transform:none;letter-spacing:0}.saverow{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.saverow button{margin-top:0;width:auto;padding:.55rem 1.2rem}:root{--ok: #4c9f70;--mid: #d99b30;--bad2: #cf5c5c}@media(prefers-color-scheme:light){:root{--ok: #2e7d52;--mid: #a86f16;--bad2: #b03d3d}}.bbar{display:flex;align-items:center;gap:2px;width:100%}.bbar .track{position:relative;flex:1 1 auto;height:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}.bbar.minor .track{height:7px;border-radius:4px}.bbar .fill{height:100%;border-radius:5px 0 0 5px;transition:width .2s}.bbar .fill.s-green{background:var(--ok)}.bbar .fill.s-amber{background:repeating-linear-gradient(45deg,var(--mid),var(--mid) 5px,color-mix(in oklab,var(--mid) 72%,#000) 5px,color-mix(in oklab,var(--mid) 72%,#000) 10px)}.bbar .fill.s-red{background:repeating-linear-gradient(-45deg,var(--bad2),var(--bad2) 4px,color-mix(in oklab,var(--bad2) 68%,#000) 4px,color-mix(in oklab,var(--bad2) 68%,#000) 8px)}.bbar .fill.s-neutral{background:color-mix(in oklab,var(--muted) 55%,transparent)}.bbar .fill.s-none{background:transparent}.bbar .marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.55}.bbar .over{height:12px;background:var(--bad2);border-radius:0 6px 6px 0;flex:0 0 auto;min-width:3px}.bbar.minor .over{height:7px}.statuskey{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-top:.8rem;align-items:center}.statuskey i{display:inline-block;width:22px;height:8px;border-radius:4px;margin-right:.35rem;vertical-align:middle}tr.child td{border-bottom:0;padding-top:.15rem;padding-bottom:.15rem}tr.child .kidname{padding-left:1.4rem;font-size:.83rem;color:var(--muted)}tr.parent td{padding-top:.7rem}.statuskey i.k-amber{background:repeating-linear-gradient(45deg,var(--mid),var(--mid) 5px,color-mix(in oklab,var(--mid) 72%,#000) 5px,color-mix(in oklab,var(--mid) 72%,#000) 10px)}.statuskey i.k-red{background:repeating-linear-gradient(-45deg,var(--bad2),var(--bad2) 4px,color-mix(in oklab,var(--bad2) 68%,#000) 4px,color-mix(in oklab,var(--bad2) 68%,#000) 8px)}h2 .seeall{float:right;font-size:.8rem;font-weight:400;color:var(--muted);text-decoration:none}h2 .seeall:hover{color:var(--text)}.totalline{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.bigish{font-size:1.35rem;font-weight:620;font-variant-numeric:tabular-nums;letter-spacing:-.01em}