@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#f4fafb;--surface:#fff;--surface-2:#eff7f8;--surface-3:#e4eff1;--fg:#152128;--fg-soft:#38444c;--muted:#657178;--faint:#909aa0;--border:#dce2e6;--border-2:#ced6da;--primary:#00877f;--primary-press:#00706a;--primary-ink:#fff;--primary-soft:#d5f7f3;--primary-softer:#e9fbf9;--owe:#c74b43;--owe-soft:#ffebe8;--get:#0c8a5e;--get-soft:#d9f9e8;--warn:#da950b;--warn-soft:#ffefd8;--cat-food:#eb883b;--cat-drinks:#418ad1;--cat-groceries:#2d9570;--cat-household:#8972b3;--cat-transit:#d86165;--cat-health:#5aa75e;--cat-other:#7b8186;--radius:18px;--radius-sm:12px;--radius-lg:26px;--shadow-1:0 1px 2px rgba(16,32,48,.04), 0 1px 3px rgba(16,32,48,.05);--shadow-2:0 4px 12px rgba(16,32,48,.07), 0 2px 6px rgba(16,32,48,.05);--shadow-3:0 18px 40px rgba(16,32,48,.13), 0 6px 14px rgba(16,32,48,.07);--shadow-fab:0 8px 22px color-mix(in oklch, var(--primary) 45%, transparent);--nav-h:72px;--max:1120px;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.7292% -1.74448 -1.1564);--surface-2:lab(96.5937% -2.61441 -1.73289);--surface-3:lab(93.7181% -3.48267 -2.30811);--fg:lab(11.8794% -3.70906 -6.67948);--fg-soft:lab(28.1252% -3.57048 -6.1463);--muted:lab(46.6847% -3.29787 -5.5697);--faint:lab(62.9168% -2.60729 -4.35318);--border:lab(89.5914% -1.7027 -2.34056);--border-2:lab(84.959% -2.12294 -2.92255);--primary:lab(50.1933% -36.3322 -5.74831);--primary-press:lab(42.003% -34.3514 -5.40944);--primary-soft:lab(94.6091% -11.7611 -1.95204);--primary-softer:lab(97.3339% -6.7082 -1.11915);--owe:lab(49.7282% 49.9354 32.1916);--owe-soft:lab(94.5132% 9.0484 5.32261);--get:lab(50.5456% -40.6591 14.12);--get-soft:lab(95.3203% -13.0267 4.60082);--warn:lab(67.3506% 20.5018 70.1014);--warn-soft:lab(95.4087% 3.83016 15.0742);--cat-food:lab(66.7622% 34.5837 56.389);--cat-drinks:lab(55.381% -5.80367 -43.9303);--cat-groceries:lab(55.0599% -37.6155 10.6815);--cat-household:lab(52.2763% 19.8579 -31.4238);--cat-transit:lab(56.674% 47.9902 21.6912);--cat-health:lab(62.1532% -36.4302 29.8499);--cat-other:lab(53.6148% -1.61681 -3.28823)}}[data-theme=dark]{--bg:#0f1518;--surface:#181f24;--surface-2:#1f282d;--surface-3:#283238;--fg:#e7f0f5;--fg-soft:#c9d3d9;--muted:#95a0a7;--faint:#69737a;--border:#2f373c;--border-2:#40494f;--primary-soft:#11403d;--primary-softer:#162e2c;--owe-soft:#4d2622;--get-soft:#143b2a;--warn-soft:#47300c;--shadow-1:0 1px 2px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.5);--shadow-2:0 4px 12px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.45);--shadow-3:0 18px 40px rgba(0,0,0,.62), 0 6px 14px rgba(0,0,0,.5);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(6.21733% -1.745 -3.41336);--surface:lab(11.2905% -2.47521 -4.29246);--surface-2:lab(15.3549% -2.83007 -4.90617);--surface-3:lab(19.9995% -3.18918 -5.52163);--fg:lab(94.2327% -2.2572 -3.74323);--fg-soft:lab(83.7975% -2.62141 -4.36068);--muted:lab(65.2417% -2.97126 -4.97062);--faint:lab(47.8405% -2.94763 -4.95874);--border:lab(22.3133% -2.53436 -4.31769);--border-2:lab(30.4385% -2.90579 -4.93879);--primary-soft:lab(24.0225% -17.0354 -2.73137);--primary-softer:lab(16.8299% -10.1673 -1.65071);--owe-soft:lab(20.5552% 18.5337 11.3793);--get-soft:lab(21.8506% -18.4321 6.43127);--warn-soft:lab(22.2331% 7.8519 26.2497)}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.45}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit;font-size:16px}img{max-width:100%;display:block}:focus-visible{outline:2.5px solid var(--primary);outline-offset:2px;border-radius:6px}.layout{min-height:100dvh}.nav{z-index:60;height:var(--nav-h);background:color-mix(in oklch, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav__brand{display:none}.nav__link{color:var(--faint);letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;transition:color .15s;display:flex;position:relative}.nav__link svg{width:23px;height:23px}.nav__link.is-active,.nav__link--add{color:var(--primary)}.nav__add{background:var(--primary);width:52px;height:52px;color:var(--primary-ink);box-shadow:var(--shadow-fab);border-radius:50%;place-items:center;margin-top:-18px;transition:transform .15s,background .15s;display:grid}.nav__add svg{width:26px;height:26px}.nav__link--add:active .nav__add{transform:scale(.92)}.main{padding-bottom:calc(var(--nav-h) + 18px)}.topbar{z-index:40;background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid transparent;transition:border-color .2s;position:sticky;top:0}.topbar__row{max-width:var(--max);align-items:center;gap:14px;margin:0 auto;padding:14px 20px;display:flex}.topbar__title{letter-spacing:-.03em;font-size:21px;font-weight:800}.topbar__title small{color:var(--muted);letter-spacing:0;margin-top:1px;font-size:12px;font-weight:600;display:block}.topbar__spacer{flex:1}.screen{max-width:var(--max);margin:0 auto;padding:6px 20px 28px}.grouppick{background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:9px;padding:7px 12px 7px 9px;font-size:14px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:inline-flex}.grouppick:hover{border-color:var(--primary)}.grouppick__dot{background:var(--primary-soft);width:26px;height:26px;color:var(--primary);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.grouppick svg{width:16px;height:16px;color:var(--muted)}.grouppick-wrap{position:relative}.menu-backdrop{z-index:70;position:fixed;inset:0}.groupmenu{z-index:71;background:var(--surface);border:1px solid var(--border-2);min-width:232px;box-shadow:var(--shadow-2);border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.groupmenu__item{width:100%;color:var(--fg);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:700;transition:background .12s;display:flex}.groupmenu__item:hover{background:var(--surface-2)}.groupmenu__item.is-active{background:var(--primary-soft);color:var(--primary)}.groupmenu__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.groupmenu__item .chk{color:var(--primary);font-weight:800;display:inline}.groupmenu__manage{border-top:1px solid var(--border);color:var(--primary);text-align:left;margin-top:4px;padding:10px;font-size:13px;font-weight:700}.combo{position:relative}.combo__menu{z-index:35;background:var(--surface);border:1px solid var(--border-2);max-height:248px;box-shadow:var(--shadow-2);border-radius:12px;flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo__opt{text-align:left;width:100%;color:var(--fg);border-radius:8px;padding:9px 11px;font-size:14px;font-weight:600;transition:background .12s}.combo__opt:hover{background:var(--surface-2)}.iconbtn{background:var(--surface);border:1px solid var(--border-2);width:40px;height:40px;color:var(--fg-soft);box-shadow:var(--shadow-1);border-radius:12px;place-items:center;transition:background .15s,color .15s;display:grid}.iconbtn:hover{background:var(--surface-2);color:var(--fg)}.iconbtn svg{width:20px;height:20px}@media (width<=899px){.topbar__row .monthpick{flex:none;margin-right:46px}.topbar__row .monthpick__label{min-width:84px}.grouppick{min-width:0}.grouppick>span:not(.grouppick__dot),.topbar__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card--pad{padding:18px}.section-label{justify-content:space-between;align-items:baseline;margin:26px 2px 12px;display:flex}.section-label h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.section-label a{color:var(--primary);font-size:13px;font-weight:700}.btn{letter-spacing:-.01em;background:var(--surface-2);height:50px;color:var(--fg);border:1px solid var(--border-2);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15.5px;font-weight:700;transition:transform .12s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{width:19px;height:19px}.btn--primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-2);border-color:transparent}.btn--primary:hover{background:var(--primary-press)}.btn--ghost{box-shadow:none;background:0 0}.btn--block{width:100%;display:flex}.btn--lg{height:56px;font-size:16.5px}.btn--sm{border-radius:11px;height:40px;padding:0 14px;font-size:14px}.btn--danger{color:var(--owe)}.btn--danger:hover{background:var(--owe-soft);border-color:color-mix(in oklch, var(--owe) 40%, var(--border))}.btn[disabled]{opacity:.5;cursor:not-allowed}.chip{background:var(--surface-2);border:1.5px solid var(--border-2);height:38px;color:var(--fg-soft);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:650;transition:all .14s;display:inline-flex}.chip__av{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.chip.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-press)}.chip.is-on .chk{display:inline}.chip .chk{display:none}.av{color:#fff;letter-spacing:0;background:var(--primary);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.av--s{width:30px;height:30px;font-size:12px}.av--m{width:40px;height:40px;font-size:14px}.av--l{width:52px;height:52px;font-size:18px}.cat{--c:var(--cat-other)}.cat-Food{--c:var(--cat-food)}.cat-Drinks{--c:var(--cat-drinks)}.cat-Groceries{--c:var(--cat-groceries)}.cat-Household{--c:var(--cat-household)}.cat-Transit{--c:var(--cat-transit)}.cat-Health{--c:var(--cat-health)}.cat-dot{background:var(--c);border-radius:50%;flex:none;width:9px;height:9px}.cat-tag{color:color-mix(in oklch, var(--c) 72%, black 12%);background:color-mix(in oklch, var(--c) 14%, var(--surface));border-radius:8px;align-items:center;gap:6px;padding:3px 9px 3px 8px;font-size:12px;font-weight:700;display:inline-flex}.cat-tag .cat-dot{width:7px;height:7px}.money{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800}.money--get{color:var(--get)}.money--owe{color:var(--owe)}.field{margin-bottom:14px;display:block}.field__label{color:var(--fg-soft);margin:0 2px 7px;font-size:13px;font-weight:700;display:block}.input,.select{background:var(--surface);border:1.5px solid var(--border-2);width:100%;height:52px;color:var(--fg);border-radius:14px;padding:0 15px;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--faint);font-weight:500}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-softer);outline:none}.input--amount{letter-spacing:-.02em;text-align:right;height:60px;padding-right:18px;font-size:30px;font-weight:800}.inputwrap{position:relative}.inputwrap__prefix{color:var(--muted);pointer-events:none;font-size:26px;font-weight:700;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.inputwrap--amount .input{padding-left:42px}textarea.input{resize:vertical;height:auto;min-height:76px;padding:13px 15px;line-height:1.5}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{height:42px;color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:700;transition:all .14s;display:flex}.segmented button.is-on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-1)}.entry{align-items:center;gap:13px;padding:13px 16px;display:flex}.entry+.entry{border-top:1px solid var(--border)}.entry__icon{background:color-mix(in oklch, var(--c,var(--cat-other)) 15%, var(--surface));width:44px;height:44px;color:color-mix(in oklch, var(--c,var(--cat-other)) 70%, black 10%);border-radius:13px;flex:none;place-items:center;display:grid}.entry__icon svg{width:21px;height:21px}.entry__body{flex:1;min-width:0}.entry__top{align-items:baseline;gap:8px;display:flex}.entry__store{font-size:15.5px;font-weight:750}.entry__amount{white-space:nowrap;margin-left:auto;font-size:15.5px;font-weight:800}.entry__edit{width:28px;height:28px;color:var(--muted);opacity:.55;flex:none;align-self:center;transition:opacity .12s}.entry:hover .entry__edit{opacity:1}.entry__edit:focus-visible{opacity:1}.entry__edit svg{width:16px;height:16px}.entry__sub{color:var(--muted);align-items:center;gap:8px;margin-top:3px;font-size:12.5px;font-weight:550;display:flex}.entry__sub .dot-sep{background:var(--faint);border-radius:50%;width:3px;height:3px}.entry__share{color:var(--owe);font-weight:700}.entry__pending{color:var(--warn);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.entry__pending:before{content:"";background:var(--warn);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty svg{width:44px;height:44px;color:var(--faint);margin-bottom:12px}.empty h3{color:var(--fg-soft);margin-bottom:4px;font-size:16px;font-weight:750}.empty p{font-size:14px}.toast-wrap{left:0;right:0;bottom:calc(var(--nav-h) + 14px);z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{color:#fff;box-shadow:var(--shadow-3);background:#1b262c;background:lab(14.1994% -3.44826 -6.09858);border-radius:13px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:650;display:flex}.toast svg{width:18px;height:18px;color:var(--get)}.toast--err svg{color:var(--warn)}.confirm-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.5);background:lab(0% 0 0/.5);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm{background:var(--surface);border:1px solid var(--line,var(--surface-3));width:100%;max-width:380px;box-shadow:var(--shadow-3);border-radius:16px;padding:22px 22px 18px}.confirm__title{letter-spacing:-.02em;margin:0 0 8px;font-size:17px;font-weight:800}.confirm__msg{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.45}.confirm__row{gap:10px;display:flex}.confirm__row .btn{flex:1}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.mt-s{margin-top:8px}.mt-m{margin-top:16px}.mt-l{margin-top:24px}.muted{color:var(--muted)}.hide{display:none!important}@media (width>=900px){.layout{display:flex}.nav{border-top:none;border-right:1px solid var(--border);background:color-mix(in oklch, var(--surface) 60%, var(--bg));backdrop-filter:none;flex-direction:column;justify-content:flex-start;align-items:stretch;width:248px;height:100dvh;padding:24px 16px;position:sticky;top:0;bottom:auto;left:0}.nav__brand{letter-spacing:-.03em;align-items:center;gap:11px;padding:4px 10px 26px;font-size:19px;font-weight:800;display:flex}.nav__brand .logo{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.nav__brand .logo svg{width:20px;height:20px}.nav__link{height:48px;color:var(--fg-soft);border-radius:13px;flex-direction:row;flex:none;justify-content:flex-start;gap:13px;padding:0 14px;font-size:15px;font-weight:700}.nav__link svg{width:21px;height:21px}.nav__link.is-active{background:var(--primary-soft);color:var(--primary-press)}.nav__link--add{background:var(--primary);color:#fff;box-shadow:var(--shadow-2);order:-1;margin-bottom:6px}.nav__link--add:hover{background:var(--primary-press)}.nav__add{width:auto;height:auto;box-shadow:none;color:inherit;background:0 0;margin:0}.nav__add svg{width:21px;height:21px}.nav__spacer{flex:1}.main{flex:1;min-width:0;padding-bottom:40px}.topbar__row{padding:22px 32px}.screen{padding:8px 32px 40px}.toast-wrap{bottom:28px;left:248px}}@media (width>=1180px){.screen--split{grid-template-columns:1.15fr .85fr;align-items:start;gap:24px;display:grid}.screen--split:has(>:only-child){display:block}}.screen--split>:only-child{max-width:640px;margin-inline:auto}.syncpill{z-index:60;top:calc(env(safe-area-inset-top,0px) + 15px);border:1px solid var(--line,var(--surface-3));background:var(--surface);color:var(--ink,inherit);letter-spacing:.01em;box-shadow:var(--shadow-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex;position:fixed;right:16px}.syncpill__dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.syncpill--mini{gap:0;padding:8px}.syncpill--mini .syncpill__dot{width:10px;height:10px}.syncpill--ok{color:var(--get)}.syncpill--ok .syncpill__dot{background:var(--get)}.syncpill--busy{color:var(--primary)}.syncpill--busy .syncpill__dot{background:var(--primary);animation:1s ease-in-out infinite syncpulse}.syncpill--off{color:var(--warn)}.syncpill--off .syncpill__dot{background:var(--warn)}.syncpill--err{color:var(--owe)}.syncpill--err .syncpill__dot{background:var(--owe)}@keyframes syncpulse{0%,to{opacity:1}50%{opacity:.3}}@media (width>=980px){.syncpill{top:26px;right:28px}}