@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Manrope Variable,sans-serif;color:#263d35;background:#f6f8f7;font-synthesis:none;--green: #205847;--green-deep: #1b473b;--mint: #d5edbd;--ink: #263d35;--muted: #63716a;--line: #e7ece8;--surface: #fff;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button,a{touch-action:manipulation}button{background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible,label:has(input:focus-visible){outline:3px solid #8cba72;outline-offset:4px}input,textarea{caret-color:var(--green)}input:focus,select:focus,textarea:focus{outline:2px solid #5e8f70;outline-offset:2px}::selection{background:var(--mint);color:var(--green-deep)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#b9c8bf;border-radius:5px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(24px,2.45vw,34px);letter-spacing:-.035em;font-weight:750;line-height:1.3}h2{font-size:16px;letter-spacing:-.02em;font-weight:750}h3{font-size:15px;letter-spacing:-.015em;font-weight:700}p{line-height:1.7}strong{font-weight:700}.icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.muted{color:var(--muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:37px 22px 20px;z-index:20}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand-symbol{background:var(--green);color:var(--mint);display:grid;place-items:center;width:34px;height:37px;border-radius:11px;margin-right:9px}.brand-symbol .icon{width:23px;height:23px}.brand-period{color:#88ab72}.sidebar .brand{padding-left:9px}.sidebar-divider{height:1px;background:var(--line);margin:34px 10px 24px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;padding:15px 17px;color:#687870;font-size:13px;font-weight:650;border-radius:9px;min-height:49px;transition:background .18s,color .18s}.nav-link:hover{background:#f1f5f1;color:var(--green)}.nav-link.active{background:#edf4e8;color:var(--green);font-weight:750}.nav-dot{width:6px;height:6px;border-radius:50%;background:#7a9d68;margin-left:auto}.sidebar-note{margin:auto 8px 26px;padding:28px 16px 25px;background:#f3f6ee;border-radius:12px;text-align:center}.plant-art{position:relative;display:grid;place-items:center;width:72px;height:70px;margin:0 auto 17px;color:#6c8a54}.plant-art .icon{width:52px;height:52px;transform:rotate(-20deg);stroke-width:1.1;z-index:1}.plant-art span{position:absolute;width:46px;height:46px;border-radius:50%;background:#e2ead4;right:0;bottom:2px}.sidebar-note h3{font-size:18px;line-height:1.5;font-weight:750}.sidebar-note p{font-size:11px;color:#6d7c67;margin-top:10px;line-height:1.85}.sidebar-footer{border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7c8882;font-size:9px}.sidebar-footer .icon{width:14px;height:14px}.app-shell{margin-left:238px}.topbar{height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#fff}.greeting{font-size:13px;font-weight:550}.greeting-dot{display:inline-block;color:#b89553;margin-left:5px}.topbar-actions{display:flex;align-items:center;gap:22px}.sync-status{display:inline-flex;align-items:center;gap:7px;color:#61715f;font-size:12px;font-weight:550;padding:6px 0}.sync-status .icon{width:16px;height:16px}.sync-status[data-state=synced]{color:#507650}.sync-status[data-state=offline],.sync-status[data-state=signin]{color:#805e2b}.avatar{border:1px solid #dce7d5;background:#f0f5e9;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:750;color:var(--green)}.avatar .icon{width:18px}.mobile-brand,.mobile-nav{display:none}#main-content{max-width:1360px;margin:0 auto;padding:36px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);font-size:13px;margin-top:8px}.heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;flex:0 0 auto;max-width:100%}.nav-compact-label{display:none}.income-amount{color:var(--green)}.negative-balance{color:#a74743}.balance-note{color:#61715f;font-size:11px;margin:-12px 0 24px;line-height:1.8}.button{min-height:43px;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px;line-height:1.5;white-space:nowrap;border:1px solid transparent;transition:background .18s,box-shadow .18s,transform .18s}.button:active{transform:translateY(1px)}.button .icon{width:17px;height:17px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#174536;box-shadow:0 4px 12px #1b473b1a}.button.secondary{background:#fff;border-color:#dce4dd;color:var(--green)}.button.secondary:hover{background:#f3f7ef;border-color:#bfceb7}.button.danger{background:#a74743;color:#fff}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700;color:#50714e;min-height:36px;padding:4px 0}.text-button .icon{width:15px;height:15px}.text-button:hover{color:#205847;text-decoration:underline;text-underline-offset:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:7px;color:#70816f;flex:0 0 auto}.icon-button:hover{background:#edf3e9;color:var(--green)}.period-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.period-control{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px}.period-control .icon-button{width:30px;height:30px}.period-control .icon-button .icon{width:16px}.month-picker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;min-height:34px;padding:0 9px}.month-picker .icon{width:15px;height:15px;color:#71836f}.month-picker .icon:last-child{width:12px;margin-left:8px}.period-note{color:#7c887e;font-size:10px;display:flex;align-items:center;gap:13px}.currency-tag{padding:4px 6px;background:#ebf0e9;font-size:10px;letter-spacing:.025em;font-weight:750;color:#526649;border-radius:4px}.overview-top,.overview-bottom,.insights-top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:22px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;min-height:30px}.section-title h2{display:flex;align-items:center;gap:9px}.section-title h2>.icon{color:#70876a;width:19px;height:19px}.spending-panel{background:var(--green);color:#fff;border-radius:12px;padding:24px 29px 13px;overflow:hidden}.spending-top{display:flex;align-items:center;justify-content:space-between}.spending-label{font-size:12px;color:#d8e7de}.spending-emblem{width:34px;height:34px;color:#d5edbd;border:1px solid #55816b;display:grid;place-items:center;border-radius:10px}.spending-emblem .icon{width:19px;height:19px}.total-spent{font-size:clamp(32px,3.8vw,54px);line-height:1.3;font-weight:650;letter-spacing:-.035em;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.spending-meta{display:flex;align-items:center;gap:16px;font-size:10px;color:#d2e3d9;margin-top:8px}.month-comparison{display:inline-block;color:#e3efce;padding:4px 8px;border-radius:5px;background:#ffffff0b}.spending-chart{margin-top:22px}.spending-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{fill:none;stroke:#ffffff1a;stroke-width:.8;stroke-dasharray:4 6}.chart-fill{fill:#d5edbd0b}.chart-line{stroke:#c5dea7;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#d5edbd;stroke:var(--green);stroke-width:1.8}.spending-chart text{fill:#bed6c7;font:10px Manrope Variable,sans-serif}.budget-panel{padding:23px 24px 19px}.budget-panel .section-title{margin-bottom:21px}.budget-panel h2{font-size:13px}.budget-remaining{font-size:31px;font-weight:700;line-height:1.4;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.budget-panel .muted{font-size:10px;margin-top:3px}.budget-track{margin-top:24px;width:100%;height:7px;background:#edf1e8;border-radius:4px;overflow:hidden}.budget-track>span{display:block;height:100%;border-radius:4px;background:#9cbc78}.budget-track>span.over{background:#b96a4a}.over-budget{color:#a74743}.budget-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#74806e;margin-top:10px}.budget-message{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.7;color:#71835d;margin-top:21px;border-top:1px solid var(--line);padding-top:14px}.budget-message .icon{width:17px;height:17px}.budget-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.budget-empty>.icon{width:27px;height:27px;color:#90a37b;margin-bottom:3px}.budget-empty h3{font-size:16px}.budget-empty p{font-size:11px;color:var(--muted);max-width:26ch}.budget-empty .button{margin-top:9px;font-size:11px;min-height:36px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin:22px 0 27px;padding:20px 0}.quick-stats>div{display:flex;align-items:center;gap:13px;padding:0 25px;min-width:0}.quick-stats>div+div{border-left:1px solid var(--line)}.stat-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1f5ed;color:#7c9663;flex:0 0 auto}.stat-symbol .icon{width:18px;height:18px}.quick-stats small{display:block;font-size:10px;color:var(--muted);white-space:nowrap}.quick-stats strong{display:block;font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin-top:4px;overflow-wrap:anywhere}.quick-stats .category-stat{font-size:16px}.quick-stats strong:has(.stat-number){display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.stat-currency{font-size:12px;font-weight:600}.stat-number{white-space:nowrap}.count-badge{display:inline-grid;place-items:center;font-size:11px;background:#f0f4ed;color:#526649;padding:4px 6px;border-radius:5px;margin-left:2px;font-weight:650}.recent-panel{padding:21px 24px 14px}.recent-panel .section-title{margin-bottom:7px}.expense-table-head{display:grid;grid-template-columns:minmax(0,1fr) 110px 65px 105px;color:#89938c;font-size:9px;padding:16px 0 12px;border-bottom:1px solid var(--line)}.expense-table-head>:last-child{text-align:right}.expense-row{display:flex;align-items:center;gap:12px;width:100%;padding:16px 0;text-align:left;border-bottom:1px solid #edf0ec}.expense-row:last-child{border-bottom:0}.expense-row:hover{background:#f8faf6}.category-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--category-color);background:var(--category-bg);flex:0 0 auto}.category-icon .icon{width:19px;height:19px}.expense-info{flex:1;min-width:0}.expense-info strong{display:block;font-size:13px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.expense-info small{display:block;color:#879087;font-size:9px;line-height:1.7;margin-top:2px}.expense-info small>span{margin:0 3px}.expense-info small{color:#63716a;font-size:11px}.category-pill{display:inline-block;font-size:8px;color:var(--category-color);background:var(--category-bg);padding:5px 7px;border-radius:4px;min-width:85px;text-align:center;white-space:nowrap}.expense-date{color:#7c877e;width:57px;text-align:center;font-size:9px;white-space:nowrap}.expense-amount{font-size:13px;width:105px;text-align:right;font-variant-numeric:tabular-nums;flex:0 0 auto;overflow-wrap:anywhere}.row-arrow{display:none}.category-panel{padding:21px 23px 24px}.category-panel .section-title{margin-bottom:8px}.donut-wrap{display:grid;place-items:center;padding:14px 0 22px}.donut{width:148px;height:148px;border-radius:50%;background:#e9eee6;display:grid;place-items:center;transform:rotate(-90deg)}.donut-center{width:112px;height:112px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut-center>span{font-size:30px;font-weight:700;letter-spacing:-.035em}.donut-center>small{font-size:10px;color:#8a9588;margin-top:1px}.category-legend{display:flex;flex-direction:column;gap:13px}.legend-row{display:flex;align-items:center;gap:8px;font-size:10px}.legend-dot{width:7px;height:7px;border-radius:2px;flex:0 0 auto}.legend-row strong{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums}.category-empty{text-align:center;font-size:11px;color:var(--muted);line-height:1.8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 10px;min-height:285px}.empty-illustration{width:65px;height:65px;background:#eff4e9;border-radius:19px;display:grid;place-items:center;color:#8da67a;margin-bottom:16px;transform:rotate(-5deg)}.empty-illustration .icon{width:34px;height:34px;stroke-width:1.25}.empty-state h3{font-size:17px;margin-bottom:8px}.empty-state p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:18px}.empty-state .sample-button{margin-top:12px;font-size:10px}.sync-invitation{display:flex;align-items:center;gap:17px;padding:23px 25px;background:#edf3e9;border:1px solid #e3ebdb;border-radius:10px;margin-top:24px}.sync-invitation-icon{color:#6f8d5e;display:grid;place-items:center;width:37px;height:37px}.sync-invitation-icon .icon{width:28px;height:28px}.sync-invitation h3{font-size:13px}.sync-invitation p{font-size:10px;color:#718367;margin-top:4px}.sync-invitation-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sync-invitation .button{font-size:10px;min-height:37px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-top:5px;color:#7b887c;font-size:9px;gap:12px}.footer-dot{margin:0 5px}.currency-notice{font-size:11px;display:flex;align-items:center;gap:7px;color:#756343;margin:-8px 0 20px}.currency-notice .icon{width:15px}.demo-banner{display:flex;align-items:center;gap:9px;background:#eef3e7;border:1px solid #dde7cf;border-radius:8px;padding:10px 13px;color:#546846;font-size:10px;margin-bottom:23px}.demo-banner .icon{width:15px;height:15px}.demo-banner button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;padding:6px;margin-left:auto}.history-panel{padding:24px}.transaction-filters{display:flex;gap:5px;margin-bottom:20px;padding:4px;border-radius:8px;background:#f2f5ed;width:fit-content;max-width:100%}.transaction-filters button{padding:10px 13px;min-height:40px;border-radius:5px;font-size:12px;color:#61715f}.transaction-filters button.selected{color:var(--green);background:#fff;font-weight:750;box-shadow:0 2px 5px #253e3010}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.search-field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:0 11px;height:41px;background:#f9fbf8}.search-field .icon{color:#82907e;width:16px;height:16px}.search-field input{border:none;background:transparent;width:100%;min-width:0;height:100%;font-size:11px;outline:none;padding:0 4px}.search-field:focus-within{outline:2px solid #8fa67e}.history-filters{display:flex;gap:9px;align-items:center}.select-wrap{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:7px;padding:0 8px}.select-wrap .icon{width:15px;height:15px;color:#78916b}.select-wrap select{height:40px;border:0;background:transparent;color:#627357;font-size:10px;padding:0 3px}.history-summary{display:flex;align-items:center;justify-content:space-between;padding:24px 1px 16px;color:var(--muted);font-size:11px}.history-summary strong{color:var(--ink);font-size:17px;font-variant-numeric:tabular-nums}.day-heading{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 13px;background:#f5f7f1;border-radius:6px}.day-heading h3{font-size:11px;font-weight:700}.day-heading span{font-size:10px;color:#718569;font-variant-numeric:tabular-nums}.grouped-expenses .expense-row{padding:17px 10px}.grouped-expenses .expense-info strong{font-size:12px}.grouped-expenses .expense-info small{font-size:10px}.grouped-expenses .category-pill{font-size:9px;padding:6px 9px;margin-right:26px}.grouped-expenses .expense-amount{font-size:13px;width:100px}.pending-dot{display:inline-block;width:5px;height:5px;background:#b49147;border-radius:50%;vertical-align:middle}.subtle-label{color:#7b8974;font-size:10px}.insights-chart-panel{padding:24px 28px}.insights-total{display:flex;align-items:baseline;gap:16px;margin-top:24px;flex-wrap:wrap}.insights-total strong{font-size:32px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.insights-total span{color:var(--muted);font-size:11px}.large-chart{margin-top:30px}.large-chart .chart-grid{stroke:#dce5d5}.large-chart .chart-line{stroke:#578563}.large-chart .chart-fill{fill:#5785630c}.large-chart .chart-point{fill:#578563;stroke:#fff}.large-chart text{fill:#7f8e77}.insight-facts{display:grid;grid-template-columns:1fr 1fr;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);gap:25px}.insight-facts small{display:block;font-size:10px;color:var(--muted)}.insight-facts strong{font-size:21px;display:block;margin-top:5px;font-variant-numeric:tabular-nums}.insight-facts span{display:block;font-size:10px;margin-top:7px;color:#7d8a74}.breakdown-panel{margin-top:24px}.breakdown-row{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--line)}.breakdown-row:last-child{border-bottom:none}.breakdown-row:hover{background:#f8faf6}.breakdown-name{min-width:145px}.breakdown-name strong{font-size:12px;display:block}.breakdown-name small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.breakdown-track{flex:1;min-width:20px;height:5px;background:#eff3eb;border-radius:3px;margin:0 25px 0 10px}.breakdown-track>span{display:block;height:100%;border-radius:3px}.breakdown-percent{color:#788971;font-size:11px;width:38px}.breakdown-row>strong{font-size:13px;text-align:right;min-width:90px;font-variant-numeric:tabular-nums}.breakdown-row>.icon{width:16px;height:16px;color:#8b9b80}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-panel{padding:25px}.settings-field label{font-size:12px;display:block;font-weight:750}.settings-field>p{margin-top:6px;font-size:11px;color:var(--muted)}.settings-field select{width:100%;height:46px;background:#fff;border:1px solid #dce4d7;border-radius:7px;font-size:12px;color:var(--ink);margin-top:15px;padding:0 11px}.field-help{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#75856a;line-height:1.8;margin-top:13px}.field-help .icon{width:14px;height:14px;margin-top:3px}.settings-row{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.settings-row h3{font-size:12px}.settings-row p{font-size:11px;color:var(--muted);margin-top:5px}.settings-row .button{margin-top:15px}.account-profile{display:flex;align-items:center;gap:13px}.account-avatar{width:46px;height:46px;border-radius:50%;background:#edf4e5;display:grid;place-items:center;font-size:20px;color:#527543;font-weight:700}.account-profile p{font-size:11px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.account-sync{margin-top:23px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-sync p{color:var(--muted);font-size:10px;margin:5px 0 14px}.signout-button{margin-top:16px;color:#8b7163}.account-pitch{display:flex;flex-direction:column;align-items:flex-start}.account-pitch-icon{display:grid;place-items:center;background:#f0f5e9;width:42px;height:42px;border-radius:12px;color:#72975e;margin-bottom:14px}.account-pitch h3{font-size:18px}.account-pitch p{font-size:11px;color:var(--muted);margin-top:8px}.account-pitch .button{margin-top:20px}.account-pitch .text-button{margin-top:7px;display:block;font-size:10px}.google-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#d8e1d4;color:var(--ink);background:#fff}.google-button:hover{background:#f7faf5;border-color:#b8cbb1}.google-button .icon{width:17px;height:17px;color:#4285f4}.auth-divider{display:flex;align-items:center;gap:10px;color:#87947e;font-size:10px;margin:-10px 0 15px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.google-auth-modal{width:100%;min-height:44px;margin:-3px 0 24px}.friends-panel{grid-column:1 / -1}.friends-intro{color:var(--muted);font-size:11px;line-height:1.7;max-width:78ch;margin:-7px 0 21px}.friends-guest{display:flex;align-items:center;gap:16px;padding:4px 0 0}.friends-guest .account-pitch-icon{margin:0;flex:0 0 auto}.friends-guest>div{min-width:0;flex:1}.friends-guest h3{font-size:15px}.friends-guest p{color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px;max-width:72ch}.friends-guest-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;flex:0 0 190px!important}.friends-guest-actions .button{margin:0}.friend-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.friend-actions form>label{display:block;font-size:11px;font-weight:750;margin-bottom:8px}.inline-form{display:flex;gap:8px}.inline-form input{min-width:0;flex:1;min-height:44px;padding:10px 12px;border:1px solid #dee5d9;background:#fafbf9;border-radius:7px;font-size:12px}.inline-form .button{flex:0 0 auto}.friend-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.friend-group-card{min-width:0;border:1px solid #e0e8dc;border-radius:10px;padding:17px;background:#fbfcfa}.friend-group-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.friend-group-heading h3{font-size:14px;overflow-wrap:anywhere}.friend-group-heading p{color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.friend-balance{flex:0 0 auto;color:var(--green);font-size:10px;font-weight:750;text-align:right}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;margin-top:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invite-code small{display:block;color:var(--muted);font-size:9px}.invite-code strong{display:block;color:var(--green);font-size:18px;letter-spacing:.12em;margin-top:3px}.invite-code .button{min-height:38px;padding:8px 11px;font-size:10px}.shared-expense-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}.shared-expense-heading strong{font-size:11px}.shared-expense-heading .text-button{min-height:32px;font-size:10px}.shared-expense-heading>span{display:inline-flex;align-items:center;gap:8px}.shared-expense-heading>span .text-button{display:inline-flex;align-items:center;gap:4px}.shared-expense-heading>span .icon{width:13px;height:13px}.shared-expense-list{margin-top:3px}.shared-expense-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.shared-expense-row:last-child{border-bottom:none}.shared-expense-row strong{display:block;font-size:11px;overflow-wrap:anywhere}.shared-expense-row small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:3px}.shared-expense-row>strong{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.shared-expense-row .icon-button{width:30px;height:30px}.shared-empty,.friends-empty{color:var(--muted);font-size:11px;line-height:1.7;padding-top:14px}.settlement-list{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.settlement-list>small{color:var(--muted);font-size:9px}.settlement-row{display:flex;justify-content:space-between;gap:8px;padding-top:8px;color:var(--muted);font-size:9px}.settlement-row strong{color:var(--ink);font-size:10px;font-variant-numeric:tabular-nums}.friends-empty{text-align:center;padding:24px 10px 4px}.friends-empty>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 10px;border-radius:11px;color:#72975e;background:#eef4e7}.friends-empty h3{color:var(--ink);font-size:13px}.friends-empty p{margin-top:4px}.split-people{padding:13px;border:1px solid var(--line);border-radius:8px;background:#fbfcfa}.split-people legend{margin-bottom:10px}.split-people label{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--ink);font-size:12px}.split-people input{accent-color:var(--green);width:16px;height:16px}.data-panel{grid-column:1 / -1}.data-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.data-action:last-child{border:none;padding-bottom:0}.data-action h3{font-size:12px}.data-action p{font-size:11px;color:var(--muted);margin-top:5px}.data-action .button{min-width:115px}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-button:focus-within{outline:2px solid #8fa67e}.templates-intro{color:var(--muted);font-size:11px;max-width:68ch;margin:-6px 0 4px}.template-settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.template-settings-row{display:flex;align-items:center;gap:12px;min-width:0;padding:16px 0;border-bottom:1px solid var(--line)}.template-settings-row:nth-last-child(-n+2){border-bottom:none}.quick-template-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:10px;color:var(--category-color);background:var(--category-bg)}.quick-template-icon .icon{width:18px;height:18px}.template-settings-copy,.quick-template-copy{display:block;min-width:0;flex:1}.template-settings-copy strong,.quick-template-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.template-settings-copy small,.quick-template-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61715f;font-size:10px;margin-top:3px}.template-delete{color:#a45b52}.template-delete:hover{background:#fbeeee;color:#a74743}.templates-empty{display:flex;align-items:center;gap:14px;padding:16px 0 2px}.templates-empty>span{display:grid;place-items:center;width:38px;height:38px;color:#72975e;background:#eef4e7;border-radius:10px}.templates-empty>span .icon{width:20px;height:20px}.templates-empty>div{min-width:0;flex:1}.templates-empty h3{font-size:13px}.templates-empty p{color:var(--muted);font-size:10px;margin-top:4px}.templates-empty .button{flex:0 0 auto}.recurring-panel{margin:0 0 24px}.settings-grid .recurring-panel{margin:0}.recurring-panel .section-title{flex-wrap:wrap;margin-bottom:10px}.recurring-panel .section-title h2{flex-wrap:wrap}.recurring-panel .section-title>.text-button{min-height:44px;font-size:12px}.recurring-intro,.recurring-footnote,.recurring-form-help{color:var(--muted);font-size:12px;line-height:1.7;max-width:70ch}.recurring-footnote{padding-top:12px;border-top:1px solid var(--line)}.recurring-list{--recurring-action-width: 156px}.settings-panel .recurring-list{--recurring-action-width: 300px}.recurring-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto var(--recurring-action-width);gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.recurring-row:focus-visible{outline:3px solid #8cba72;outline-offset:4px;border-radius:8px}.recurring-row:last-child{border-bottom:none}.recurring-copy{min-width:0}.recurring-copy>strong{display:block;font-size:13px;overflow-wrap:anywhere}.recurring-copy>small,.recurring-date{display:block;margin-top:4px;color:#61715f;font-size:12px;line-height:1.6}.recurring-date.is-due{color:#805e2b;font-weight:650}.recurring-amount{font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:150px;text-align:right}.recurring-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.recurring-management{display:inline-flex;align-items:center;gap:2px}.recurring-actions .icon-button{width:44px;height:44px}.recurring-actions .text-button{min-width:44px;min-height:44px;font-size:12px}.recurring-empty{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:16px}.recurring-empty p{color:var(--muted);font-size:12px}.recurring-more{min-height:44px}.quick-repeat{min-height:44px;font-size:12px}.recurring-modal .form-field label{font-size:12px}.sample-settings{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eef3e8;border-radius:10px}.sample-settings>div>.icon{color:#87a071;float:left;width:28px;height:28px;margin-right:15px;margin-top:5px}.sample-settings h3{font-size:13px}.sample-settings p{color:#728369;font-size:11px;margin-top:4px}dialog{border:1px solid #e2e8dc;border-radius:18px;padding:29px;max-width:490px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow:auto;color:var(--ink);background:#fff;box-shadow:0 24px 90px #153b3026}dialog::backdrop{background:#13372b70}dialog[open]{animation:sheet-in .3s var(--ease)}@keyframes sheet-in{0%{transform:translateY(18px);clip-path:inset(0 0 3% 0 round 18px)}to{transform:translateY(0);clip-path:inset(0 round 18px)}}.modal-open{overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:27px}.modal-header h2{font-size:24px;letter-spacing:-.035em;line-height:1.4}.modal-header p{color:var(--muted);font-size:11px;margin-top:5px}.close-modal{background:#f2f5ee;width:30px;height:30px}.close-modal .icon{width:17px;height:17px}.amount-label{font-size:11px;color:#77876d;font-weight:650;display:flex;align-items:center;justify-content:space-between}.amount-label>span{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--green)}.amount-input{display:flex;align-items:center;gap:12px;padding:10px 0 19px;border-bottom:1px solid var(--line);margin-bottom:20px}.amount-input>span{color:#83a06e;font-size:28px;font-weight:550}.amount-input input{border:none;width:100%;min-width:0;font-size:43px;font-weight:650;letter-spacing:-.035em;color:var(--green);font-variant-numeric:tabular-nums;outline:none;border-radius:5px;padding:0 4px}.amount-input input:focus{outline:none}.amount-input:focus-within{border-bottom-color:#74965d}.amount-input input::placeholder{color:#a1b59a;opacity:1}.form-field{margin-bottom:20px}.form-field label,fieldset legend{font-size:11px;font-weight:700;display:block;margin-bottom:9px}.form-field input,.form-field select,textarea{display:block;width:100%;min-width:0;min-height:44px;padding:11px 12px;background:#fafbf9;border:1px solid #dee5d9;border-radius:7px;font-size:12px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#7d8b74;opacity:1}.optional{color:#829077;font-size:10px;font-weight:450;margin-left:4px}fieldset{padding:0;border:none;margin:0 0 21px;min-width:0}.category-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-choice{position:relative;cursor:pointer}.category-choice input,.payment-options input{position:absolute;opacity:0;width:1px;height:1px}.category-choice>span{height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#75836d;transition:border-color .15s,background .15s}.category-choice small{font-size:9px;white-space:nowrap}.category-choice .icon{width:20px;height:20px}.category-choice:has(:checked)>span{background:var(--category-bg);border-color:var(--category-color);color:var(--category-color)}.payment-options{display:flex;gap:8px}.payment-options label{flex:1;position:relative;cursor:pointer}.payment-options span{display:flex;justify-content:center;align-items:center;gap:7px;padding:11px 4px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:#7a8772}.payment-options .icon{width:16px;height:16px}.payment-options input:checked+span{background:#edf4e8;border-color:#a7bf94;color:var(--green)}.note-details{margin-top:5px}.note-details summary{display:flex;align-items:center;gap:5px;font-size:11px;color:#6b805f;list-style:none;min-height:30px}.note-details summary::-webkit-details-marker{display:none}.note-details summary .icon{width:14px;height:14px}.note-details textarea{resize:vertical;min-height:60px;margin-top:8px}.form-error{color:#a5453f;font-size:11px;margin:13px 0 0;line-height:1.7}.form-error:empty{display:none}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.modal-footer .button{min-height:44px}.modal-footer .button.primary{flex:1}.delete-expense{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:19px;color:#a45b52;font-size:10px;min-height:35px}.delete-expense .icon{width:14px;height:14px}.auth-tabs{display:flex;padding:4px;background:#f2f5ed;border-radius:8px;margin:-5px 0 24px}.auth-tabs button{flex:1;padding:10px;border-radius:5px;font-size:11px;color:#7c8c70}.auth-tabs button.selected{background:#fff;color:var(--green);font-weight:750;box-shadow:0 2px 5px #253e3010}.auth-submit{width:100%;margin-top:9px}.auth-footnote{display:flex;align-items:center;justify-content:center;gap:5px;color:#7a8c70;font-size:10px;margin-top:18px}.auth-footnote .icon{width:13px;height:13px}.import-local{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8;color:#6c7b63}.import-local input{accent-color:var(--green);width:15px;height:15px;flex:0 0 auto}.confirmation-copy{font-size:13px;color:var(--muted)}.confirmation-copy strong{color:var(--ink);margin:0 5px}.install-help>.icon{width:48px;height:48px;color:#7fa06b;margin-bottom:20px}.install-help p{font-size:12px;margin-bottom:20px}.full-width{width:100%}.quick-choice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.quick-modal .amount-label,.income-modal .amount-label{color:#61715f;font-size:12px}.quick-modal .amount-input>span,.income-modal .amount-input>span{color:#668450}.kind-switch{display:flex;padding:4px;border-radius:8px;background:#f2f5ed;gap:4px;margin-bottom:20px}.kind-switch label{position:relative;flex:1;cursor:pointer}.kind-switch input{position:absolute;width:1px;height:1px;opacity:0}.kind-switch span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:5px;color:#61715f;font-size:13px}.kind-switch .icon{width:17px;height:17px}.kind-switch input:checked+span{background:#fff;color:var(--green);font-weight:750;box-shadow:0 2px 5px #253e3010}.quick-templates{margin:-3px 0 19px}.quick-templates-heading{display:flex;align-items:center;justify-content:space-between;color:#61715f;font-size:10px;font-weight:750;margin-bottom:8px}.quick-templates-heading>span:last-child{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;color:var(--green);background:#edf4e8;border-radius:5px;font-size:9px}.quick-template-list{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}.quick-template{display:flex;align-items:center;gap:9px;flex:0 0 206px;min-width:0;padding:9px 10px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff;transition:background .18s,border-color .18s,transform .18s}.quick-template:hover{background:#f3f7ef;border-color:#bfceb7;transform:translateY(-1px)}.quick-template:active{transform:translateY(0)}.quick-template .quick-template-icon{width:32px;height:32px;border-radius:9px}.quick-template .quick-template-icon .icon{width:16px;height:16px}.quick-context-actions{display:flex;align-items:center;gap:10px}.quick-choice-grid .form-field{margin-bottom:10px}.quick-context{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-context>span{display:inline-flex;align-items:center;gap:6px;color:#61715f;font-size:12px}.quick-context>span>.icon{width:16px;height:16px}.quick-context .text-button{font-size:11px;min-height:44px}.quick-footer .button.primary{order:2}.quick-footer .button.secondary{order:1}.quick-saved{display:flex;align-items:center;gap:8px;padding:11px 13px;background:#edf4e8;border-radius:7px;color:var(--green);font-size:12px;margin:-8px 0 18px}.quick-saved .icon{width:16px;height:16px}#toast{position:fixed;left:calc(50% + 119px);bottom:28px;transform:translate(-50%,20px);display:flex;align-items:center;gap:10px;padding:14px 18px;color:#fff;background:#294f40;border:1px solid #4a6d58;border-radius:10px;box-shadow:0 6px 24px #17382c22;z-index:100;max-width:min(620px,calc(100% - 32px));opacity:0;pointer-events:none;transition:transform .3s var(--ease),opacity .2s;font-size:11px}#toast.visible{opacity:1;transform:translate(-50%);pointer-events:auto}#toast>.icon{color:#c9e2ac;width:17px;height:17px}#toast button{color:#e1f3c7;text-decoration:underline;font-size:11px;padding:4px 7px}.spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){#main-content{padding-top:46px}.overview-top,.overview-bottom{gap:28px}.spending-panel{padding:28px 35px 15px}.quick-stats{padding:25px 0}.expense-row{padding-top:19px;padding-bottom:19px}}@media(max-width:1250px){.sidebar{width:207px;padding-left:15px;padding-right:15px}.sidebar .brand{font-size:23px;padding-left:6px}.app-shell{margin-left:207px}.topbar{padding:0 28px;height:80px}#main-content{padding:30px 28px 0}.overview-top,.overview-bottom,.insights-top{grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr);gap:18px}.panel{padding:20px}.spending-panel{padding:23px 24px 12px}.quick-stats>div{padding:0 18px;gap:10px}.expense-date,.expense-table-head{display:none}.recent-panel .expense-info small{margin-top:3px}.recent-panel .category-pill{display:none}.recent-panel .expense-amount{width:auto;min-width:65px}.category-stat{line-height:1.5}.history-toolbar{flex-wrap:wrap}.history-toolbar .search-field{flex-basis:100%}.history-filters{width:100%}.export-history{margin-left:auto}#toast{left:calc(50% + 103.5px)}}@media(max-width:1000px)and (min-width:761px){.sidebar{width:83px;padding:26px 12px}.sidebar .brand{font-size:0;padding:0;justify-content:center}.sidebar .brand-symbol{margin-right:0;width:39px;height:42px}.sidebar .brand-period,.sidebar-note,.sidebar-footer,.sidebar .nav-link>span{display:none}.sidebar .nav-link{justify-content:center;padding:14px}.sidebar-divider{margin:28px 2px 20px}.app-shell{margin-left:83px}.topbar{height:77px}.desktop-add{font-size:11px;padding:10px 12px}.heading-actions .desktop-add{display:none}#toast{left:calc(50% + 41.5px)}.quick-stats .stat-symbol{display:none}.settings-grid{gap:18px}}@media(max-width:760px){.sidebar{display:none}.app-shell{margin:0}.topbar{height:102px;padding:13px 22px 9px;display:grid;grid-template-columns:1fr auto;row-gap:3px}.mobile-brand{display:inline-flex;font-size:23px}.mobile-brand .brand-symbol{width:29px;height:32px;border-radius:9px}.mobile-brand .brand-symbol .icon{width:20px;height:20px}.greeting{display:none}.topbar-actions{display:contents}.topbar .sync-status{grid-column:1 / -1;grid-row:2;min-height:25px;justify-content:flex-start;padding:2px 0;font-size:11px}.topbar .sync-status>span{display:inline}.topbar .sync-status .icon{width:14px;height:14px}.avatar{width:32px;height:32px;grid-column:2;grid-row:1}#main-content{padding:25px 22px 90px}h1{font-size:27px;letter-spacing:-.04em}.page-heading{margin-bottom:22px;flex-wrap:wrap;gap:16px}.page-heading p{font-size:12px;margin-top:8px;max-width:36ch}.desktop-add{display:none}.heading-actions{width:100%}.quick-add-trigger{width:auto;flex:1;min-width:0}.income-add-trigger{flex:1;min-width:0}.heading-actions{flex-wrap:nowrap}.period-row{margin-bottom:17px}.period-note{font-size:0;gap:0}.currency-tag{font-size:9px;padding:5px 7px}.month-picker{font-size:11px;padding:0 5px;gap:7px}.month-picker .icon:last-child{margin-left:5px}.overview-top,.overview-bottom,.insights-top{display:grid;grid-template-columns:1fr;gap:19px}.spending-panel{padding:22px 24px 14px;border-radius:12px}.spending-label{font-size:11px}.total-spent{font-size:43px;margin-top:5px}.spending-meta{font-size:9px;gap:12px;margin-top:9px}.spending-chart{margin-top:25px}.spending-chart svg{min-height:90px}.spending-chart text{font-size:20px}.budget-panel{padding:18px 21px}.budget-panel .section-title{margin-bottom:10px}.budget-remaining{font-size:26px;display:inline}.budget-panel .muted{font-size:11px;display:block;margin-left:0;margin-top:3px}.budget-track{margin-top:18px;height:6px}.budget-caption{font-size:12px;margin-top:9px;flex-wrap:wrap}.budget-message{margin-top:14px;padding-top:12px;font-size:9px}.budget-empty{position:relative;gap:5px}.budget-empty>.icon{display:none}.budget-empty h3{font-size:14px}.budget-empty p{max-width:30ch;font-size:10px}.budget-empty .button{font-size:10px;margin-top:10px;padding:7px 11px}.quick-stats{margin:19px 0 24px;padding:16px 0}.quick-stats>div{padding:0 12px;align-items:flex-start}.quick-stats .stat-symbol{display:none}.quick-stats small{font-size:10px;white-space:normal;line-height:1.6}.quick-stats strong{font-size:17px;margin-top:6px}.quick-stats .category-stat{font-size:12px;padding-top:3px;line-height:1.5}.quick-stats strong:has(.stat-number){flex-direction:column;align-items:flex-start;gap:2px}.stat-currency{font-size:11px}.balance-note{margin-top:-11px;font-size:11px}.panel{padding:18px 21px}.section-title{margin-bottom:8px}.section-title h2{font-size:15px}.recent-panel{padding-bottom:10px}.expense-row{gap:11px;padding:15px 0}.expense-info strong{font-size:12px}.expense-info small{font-size:10px}.expense-amount{font-size:13px}.row-arrow{display:block;width:12px;height:12px;color:#677b5e;margin-left:-4px}.recent-panel .category-pill{display:none}.category-icon{width:36px;height:36px;border-radius:10px}.empty-state{min-height:280px;padding:24px 0}.empty-state h3{font-size:16px}.empty-state .button,.empty-state p{font-size:11px}.category-panel{display:grid;grid-template-columns:125px 1fr;column-gap:21px;padding-bottom:21px;align-items:center}.category-panel .section-title{grid-column:1 / -1;margin-bottom:13px}.donut-wrap{padding:8px 0}.donut{width:119px;height:119px}.donut-center{width:89px;height:89px}.donut-center>span{font-size:25px}.donut-center>small{font-size:9px}.category-legend{gap:11px}.legend-row{font-size:12px;gap:6px}.legend-row strong{font-size:12px}.legend-dot{width:6px;height:6px}.category-empty{font-size:10px;text-align:left}.sync-invitation{flex-wrap:wrap;padding:20px;gap:10px;margin-top:21px}.sync-invitation>div{flex:1 1 calc(100% - 43px);min-width:0}.sync-invitation p{font-size:10px}.sync-invitation-actions{flex:1 1 100%;margin-left:43px;flex-wrap:wrap}.sync-invitation .button{margin:4px 0 0}.sync-invitation-icon{width:32px}.page-footer{justify-content:center;text-align:center;padding:25px 0 12px;font-size:8px}.page-footer>span:last-child{display:none}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 66px 1fr 1fr;align-items:center;height:calc(70px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid #e3e9df}.mobile-nav .nav-link{flex-direction:column;gap:5px;padding:7px 0;font-size:11px;font-weight:650;border-radius:0;min-height:47px;color:#61715f}.mobile-nav .nav-link .icon{width:20px;height:20px}.mobile-nav .nav-link.active{color:var(--green);background:none}.mobile-nav .nav-link.active .icon{stroke-width:2}.mobile-nav .nav-dot,.mobile-nav .nav-wide-label{display:none}.mobile-nav .nav-compact-label{display:inline}.mobile-add{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:var(--green);color:var(--mint);margin:0 auto;box-shadow:0 4px 9px #20584720}.mobile-add .icon{width:25px;height:25px}.mobile-add:hover{background:#164a3b}#toast{bottom:calc(85px + env(safe-area-inset-bottom));left:50%;width:max-content;max-width:calc(100% - 32px);font-size:11px}.demo-banner{display:grid;grid-template-columns:16px 1fr;padding:12px;font-size:12px;gap:6px;margin-bottom:20px;line-height:1.7}.demo-banner button{grid-column:2;justify-content:flex-start;padding:2px 0;font-size:12px;margin:0}.history-panel{padding:18px 16px}.transaction-filters{width:100%;gap:2px}.transaction-filters button{flex:1;padding:9px 6px;font-size:11px}.history-summary{flex-wrap:wrap;gap:8px}.history-filters{gap:7px}.select-wrap{min-width:0;padding:0 5px;flex:1}.select-wrap select{min-width:0;width:100%;font-size:9px;padding:0}.select-wrap .icon{display:none}.export-history{width:30px}.history-summary{font-size:9px;padding-top:22px}.history-summary strong{font-size:15px}.grouped-expenses .expense-row{padding:15px 3px}.grouped-expenses .category-pill{display:none}.grouped-expenses .expense-info strong{font-size:12px}.grouped-expenses .expense-info small{font-size:10px}.grouped-expenses .expense-amount{font-size:13px;width:auto;min-width:60px}.day-heading{padding:10px 9px}.day-heading h3{font-size:11px}.day-heading span{font-size:9px}.insights-chart-panel{padding:21px}.insights-total{margin-top:20px;gap:8px}.insights-total strong{font-size:30px}.insights-total span{font-size:10px}.insight-facts{gap:20px;padding-top:20px;margin-top:16px}.insight-facts strong{font-size:19px}.insight-facts span{font-size:9px}.breakdown-panel{margin-top:19px;padding:18px 19px}.breakdown-row{gap:10px;padding:15px 0}.breakdown-name{min-width:0;flex:1}.breakdown-name strong{font-size:10px}.breakdown-name small{font-size:9px}.breakdown-track{display:none}.breakdown-percent{width:23px;font-size:9px}.breakdown-row>strong{font-size:11px;min-width:55px}.breakdown-row>.icon{width:13px}.settings-grid{grid-template-columns:1fr;gap:18px}.settings-panel{padding:22px}.settings-panel .section-title{margin-bottom:20px}.settings-panel .section-title h2{font-size:14px}.settings-panel .subtle-label{font-size:8px}.data-action{padding:18px 0;gap:10px}.data-action h3{font-size:11px}.data-action p{font-size:10px;max-width:26ch}.data-action .button{font-size:10px;min-width:83px;padding:9px 10px}.data-action .button .icon{width:14px}.data-panel .section-title{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:2px}.templates-intro{font-size:10px;line-height:1.7;margin-top:-7px}.template-settings-list{grid-template-columns:1fr}.template-settings-row:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.template-settings-row:last-child{border-bottom:none}.templates-empty{align-items:flex-start;flex-wrap:wrap}.templates-empty>div{flex-basis:calc(100% - 52px)}.templates-empty .button{margin-left:50px}.recurring-panel .section-title h2{font-size:14px}.recurring-row{grid-template-columns:32px minmax(0,1fr) minmax(60px,auto);gap:10px;padding:16px 0}.recurring-row>.category-icon{width:32px;height:32px}.recurring-actions{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap;gap:6px}.recurring-actions .button{padding:10px 12px}.recurring-amount{max-width:110px;font-size:12px}.recurring-modal .quick-choice-grid .form-field{margin-bottom:17px}.recurring-modal .quick-choice-grid select{font-size:16px;padding:10px 11px}.sample-settings{display:block}.sample-settings .text-button{margin:15px 0 0 44px}.sample-settings p{font-size:10px}dialog{position:fixed;top:auto;bottom:0;margin:0;max-width:none;max-height:calc(100dvh - 18px);width:100%;padding:24px 23px calc(24px + env(safe-area-inset-bottom));border-radius:19px 19px 0 0;border-bottom:none}.modal-header{margin-bottom:22px}.modal-header h2{font-size:24px}.modal-header p{font-size:11px}.amount-input{padding-top:6px;padding-bottom:13px;margin-bottom:18px}.amount-input input{font-size:40px}.form-field{margin-bottom:17px}.form-field input,.form-field select,textarea{font-size:16px;padding:10px 11px;min-height:44px}.form-field input::placeholder,textarea::placeholder{font-size:12px}.category-choice>span{height:61px;gap:6px}.category-choice small{font-size:8px}.category-options{gap:7px}.payment-options span{font-size:11px;padding:11px 5px}fieldset{margin-bottom:18px}.modal-footer{margin-top:20px;padding-top:17px}.auth-modal .form-field{margin-bottom:21px}.friends-guest{align-items:flex-start;flex-wrap:wrap}.friends-guest>div{flex-basis:calc(100% - 58px)}.friends-guest-actions{flex:1 1 100%!important;margin-left:58px}.friend-actions,.friend-group-list{grid-template-columns:1fr;gap:17px}.friend-group-card{padding:15px}.friend-group-heading{display:block}.friend-balance{display:block;text-align:left;margin-top:8px}.invite-code .button{white-space:nowrap}.shared-expense-row>strong{font-size:10px}.shared-expense-row small{font-size:8px}.google-auth-modal{margin-bottom:22px}.quick-modal .form-field label,.income-modal .form-field label{font-size:12px}.quick-templates{margin-bottom:16px}.quick-template{flex-basis:190px}.quick-choice-grid{gap:9px}.quick-choice-grid select{font-size:13px;padding:10px 6px}.quick-footer{gap:8px}.quick-footer .button{font-size:11px;padding:11px 10px}.quick-context{align-items:flex-start}.quick-context-actions{flex-direction:column;align-items:flex-end;gap:0;margin-top:-6px}.quick-context-actions .text-button{min-height:36px}}@media(max-width:370px){#main-content,.topbar{padding-left:16px;padding-right:16px}h1{font-size:25px}.category-panel{grid-template-columns:1fr}.category-legend{margin-top:10px}.donut{width:124px;height:124px}.donut-center{width:92px;height:92px}.spending-panel{padding-left:20px;padding-right:20px}.total-spent{font-size:39px}.quick-stats strong{font-size:15px}.quick-stats .category-stat{font-size:11px}.quick-stats>div{padding:0 10px}}.expense-date,.expense-table-head,.subtle-label,.category-empty,.category-empty small,.donut-center>small,.page-footer,.sidebar-footer,.period-note,.sidebar-note p,.account-sync p,.field-help,.settings-field>p,.settings-row p,.account-pitch p,.sample-settings p,.quick-stats small,.budget-caption,.budget-message,.expense-info small,.history-summary,.day-heading span,.insight-facts small,.insight-facts span,.optional,.auth-footnote,.form-field input::placeholder,textarea::placeholder{color:#61715f}.greeting-dot .icon{width:17px;height:17px}@media(max-width:370px){.stat-number{font-size:13px}.income-modal .quick-choice-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}