@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#24231f;font-synthesis:none;background:#d9d5c9;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app,.onboarding,.center{background:#f4f1e8;width:100%;max-width:520px;min-height:100vh;margin:auto}.app{padding:26px 20px 110px}.center{text-align:center;place-content:center;display:grid}.loader{border:3px solid #d7d1c3;border-top-color:#557d67;border-radius:50%;width:32px;height:32px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:700}.eyebrow{color:#77746c;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.avatar{color:#365442;background:#dce6da;border:0;border-radius:50%;width:42px;height:42px;font-weight:700}.balance{color:#f7f3e8;background:#272822;border-radius:24px;padding:24px;box-shadow:0 10px 30px #24231f1c}.balance>span{color:#aaa99e;font-size:12px}.balance>strong{letter-spacing:-.04em;margin:6px 0 25px;font-size:37px;font-weight:700;display:block}.balance>div{color:#aaa99e;border-top:1px solid #ffffff18;justify-content:space-between;padding-top:16px;font-size:11px;display:flex}.balance b{color:#f1c0ad;margin-top:3px;font-size:13px;display:block}.income{color:#648c73!important}.actions{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 30px;display:grid}.actions button{text-align:left;color:#44342f;background:#eadfd4;border:0;border-radius:18px;align-items:center;gap:12px;padding:17px;display:flex}.actions .income-button{color:#304638;background:#dfe8dc}.actions i{font-size:25px;font-style:normal}.actions span{font-weight:700}.actions small{opacity:.65;margin-top:2px;font-size:10px;font-weight:400;display:block}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.report h2{letter-spacing:-.03em;font-size:22px;font-weight:700}.section-title span{background:#e4e0d5;border-radius:20px;padding:4px 8px;font-size:11px}.empty{text-align:center;color:#77746c;background:#ebe7dc;border-radius:22px;padding:35px 25px}.empty>span{font-size:24px}.empty h3{color:#34332e;margin:10px 0 6px}.empty p{margin:0;font-size:12px;line-height:1.6}.transaction{border-bottom:1px solid #ddd8cb;align-items:center;padding:13px 0;display:flex}.dot{color:#9c624d;background:#eadbd3;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.dot.green{color:#557d67;background:#dce6da}.transaction-copy{flex:1;margin-left:11px}.transaction-copy b,.transaction-copy small,.transaction-amount b,.transaction-amount small{display:block}.transaction-copy b{font-size:13px}.transaction-copy small,.transaction-amount small{color:#8a877e;margin-top:3px;font-size:9px}.transaction-amount{text-align:right}.transaction-amount b{font-size:12px}.error{color:#814c3b;background:#f2d9d1;border:0;border-radius:12px;justify-content:space-between;width:100%;margin-bottom:12px;padding:10px 14px;display:flex}nav{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:520px;height:82px;padding-top:12px;padding-bottom:env(safe-area-inset-bottom);background:#f9f7f0ef;border-top:1px solid #dfdbcf;justify-content:center;gap:65px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#97938a;background:0 0;border:0;font-size:10px}nav span{margin-bottom:3px;font-size:21px;display:block}nav button.active{color:#3c654c}.overlay{z-index:10;background:#24231f88;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;padding:10px 22px calc(24px + env(safe-area-inset-bottom));background:#f8f5ec;border-radius:28px 28px 0 0}.grab{background:#d3cec1;border-radius:4px;width:42px;height:4px;margin:0 auto 20px}.sheet-title{justify-content:space-between;display:flex}.sheet-title h2{letter-spacing:-.035em;font-size:29px;font-weight:700}.sheet-title button{background:#e8e3d8;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.sheet label{color:#77746c;margin-bottom:15px;font-size:11px;font-weight:600;display:block}.sheet label>span{margin-bottom:7px;display:block}.sheet em{font-weight:400}.sheet input,.sheet select{color:#24231f;background:#fffdf8;border:1px solid #ded9cc;border-radius:13px;outline:none;width:100%;padding:13px}.sheet input:focus,.sheet select:focus{border-color:#6b8e78}.amount-field>div{display:flex}.amount-field input{letter-spacing:-.04em;border-radius:13px 0 0 13px;font-size:35px;font-weight:600}.amount-field select{border-left:0;border-radius:0 13px 13px 0;width:90px}.primary{color:#fff;background:#315a43;border:0;border-radius:14px;width:100%;padding:15px;font-weight:700}.onboarding{flex-direction:column;padding:55px 24px;display:flex}.mark{color:#fff;background:#315a43;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:45px;font-size:26px;font-weight:700;display:grid}.onboarding h1{margin:8px 0 15px;font-size:39px;line-height:1.08}.onboarding>p{color:#77746c;font-size:12px;line-height:1.7}.currency-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0 28px;display:grid}.currency-grid button{text-align:left;background:#faf8f1;border:1px solid #ded9cc;border-radius:14px;padding:13px;font-weight:700}.currency-grid button.selected{color:#315a43;background:#dfe8dc;border-color:#557d67}.currency-grid small{color:#77746c;margin-top:3px;font-weight:400;display:block}.report{padding-top:15px}.category-row{margin:22px 0}.category-row>div:first-child{justify-content:space-between;font-size:12px;display:flex}.category-row span{color:#77746c}.category-row>div:last-child{background:#e1ddd2;border-radius:10px;height:7px;margin-top:9px;overflow:hidden}.category-row i{background:#648c73;border-radius:10px;height:100%;display:block}.muted{color:#77746c}@media (width>=521px){body{padding:20px}.app,.onboarding,.center{border-radius:28px;min-height:calc(100vh - 40px);overflow:hidden}nav{border-radius:0 0 28px 28px;bottom:20px}.sheet{border-radius:28px;margin-bottom:20px}}.history-tools{margin:0 0 12px}.history-tools>input{background:#fffdf8;border:1px solid #ded9cc;border-radius:13px;outline:none;width:100%;padding:11px 13px}.filter-tabs{gap:7px;margin-top:9px;display:flex}.filter-tabs button{color:#77746c;background:#e6e1d6;border:0;border-radius:20px;padding:7px 11px;font-size:10px}.filter-tabs button.active{color:#fff;background:#315a43}.transaction{text-align:left;width:100%;color:inherit;background:0 0;border:0}.empty.compact{padding:22px}.scrollable{max-height:92vh;overflow-y:auto}.form-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.danger{color:#9c4d40;background:0 0;border:1px solid #d8aaa0;border-radius:14px;font-weight:700}.inline-form{grid-template-columns:1fr auto;gap:9px;margin-bottom:18px;display:grid}.inline-form input{background:#fffdf8;border:1px solid #ded9cc;border-radius:13px;min-width:0;padding:12px}.inline-form .primary{width:auto}.category-list{max-height:45vh;overflow:auto}.category-list>div{border-bottom:1px solid #ddd8cb;justify-content:space-between;align-items:center;padding:13px 2px;font-size:12px;display:flex}.category-list span{gap:4px;display:flex}.category-list button{color:#557d67;background:0 0;border:0;padding:5px;font-size:10px}.category-list .text-danger{color:#9c4d40}.page-heading{justify-content:space-between;align-items:center;display:flex}.page-heading h2{letter-spacing:-.035em;margin:0;font-size:29px;font-weight:700}.small-primary{color:#fff;background:#315a43;border:0;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:700}.intro{margin:10px 0 22px;font-size:11px;line-height:1.6}.debt-group{margin-top:24px}.debt-group .section-title h3{letter-spacing:-.025em;margin-bottom:10px;font-size:19px;font-weight:700}.debt-card{background:#ebe7dc;border-radius:18px;margin-bottom:10px;padding:14px}.debt-card.closed{opacity:.72}.debt-main{text-align:left;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0;display:grid}.debt-main>span:nth-child(2) b,.debt-main small,.debt-main strong{display:block}.debt-main>span:nth-child(2) b{font-size:12px}.debt-main small{color:#77746c;margin-top:3px;font-size:9px}.debt-main strong{text-align:right;font-size:12px}.debt-icon{color:#9c624d;background:#eadbd3;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.debt-icon.green{color:#557d67;background:#dce6da}.debt-progress{background:#d7d1c5;border-radius:4px;height:4px;margin:12px 0 9px;overflow:hidden}.debt-progress i{background:#648c73;height:100%;display:block}.repay-button{color:#315a43;background:0 0;border:0;padding:2px 0;font-size:10px;font-weight:700}.closed-label{color:#557d67;font-size:10px;font-weight:700}nav{gap:45px}.period-tabs{background:#e5e0d5;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0;padding:4px;display:grid}.period-tabs button{color:#77746c;background:0 0;border:0;border-radius:10px;padding:9px 3px;font-size:9px}.period-tabs button.active{color:#315a43;background:#fffdf8;font-weight:700;box-shadow:0 2px 8px #24231f12}.report-summary{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 20px;display:grid}.report-summary>div{background:#ebe7dc;border-radius:14px;padding:11px 9px}.report-summary span,.report-summary b{display:block}.report-summary span{color:#77746c;margin-bottom:5px;font-size:9px}.report-summary b{font-size:11px}.conversion-warning{color:#6f5233;background:#f1dfc8;border-radius:14px;margin:13px 0;padding:12px}.conversion-warning b,.conversion-warning span{display:block}.conversion-warning b{font-size:11px}.conversion-warning span{margin-top:3px;font-size:9px;line-height:1.5}.breakdown-title{margin:25px 0 10px;font-family:Playfair Display;font-size:18px}.conversion-warning button{color:#fff;background:#6f5233;border:0;border-radius:9px;margin-top:8px;padding:7px 9px;font-size:9px;font-weight:700}.field-help{color:#8a877e;margin:6px 0 17px;font-size:9px;line-height:1.5;display:block}.transaction-amount .converted-amount{color:#648c73;font-size:9px;font-weight:600}.debt-actions{justify-content:space-between;align-items:center;display:flex}.close-debt-button{color:#9c624d;background:0 0;border:0;padding:2px 0;font-size:10px;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.theme-toggle{color:#4c4a43;cursor:pointer;background:#ebe7dc;border:1px solid #d9d4c7;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.theme-toggle:hover{background:#e4e0d5}.theme-toggle-floating{z-index:2;position:absolute;top:24px;right:max(24px,50vw - 236px)}[data-theme=dark]{color:#e9e5dc;background:#111310}[data-theme=dark] body{background:#111310}[data-theme=dark] .app,[data-theme=dark] .onboarding,[data-theme=dark] .center{color:#e9e5dc;background:#191b18}[data-theme=dark] .eyebrow,[data-theme=dark] .muted,[data-theme=dark] .onboarding>p,[data-theme=dark] .currency-grid small,[data-theme=dark] .category-row span,[data-theme=dark] .transaction-copy small,[data-theme=dark] .transaction-amount small,[data-theme=dark] .debt-main small,[data-theme=dark] .report-summary span,[data-theme=dark] .field-help{color:#999b92}[data-theme=dark] .avatar,[data-theme=dark] .dot.green,[data-theme=dark] .debt-icon.green{color:#8fb69c;background:#29372d}[data-theme=dark] .theme-toggle{color:#f1d99c;background:#252823;border-color:#383b35}[data-theme=dark] .theme-toggle:hover{background:#30342d}[data-theme=dark] .balance{background:#242720;box-shadow:0 12px 32px #0005}[data-theme=dark] .actions button,[data-theme=dark] .dot,[data-theme=dark] .debt-icon{color:#d79a83;background:#392c28}[data-theme=dark] .actions .income-button{color:#a9c9b2;background:#29372d}[data-theme=dark] .section-title span,[data-theme=dark] .filter-tabs button,[data-theme=dark] .period-tabs{color:#a4a59e;background:#292b27}[data-theme=dark] .filter-tabs button.active{color:#fff;background:#527960}[data-theme=dark] .empty,[data-theme=dark] .debt-card,[data-theme=dark] .report-summary>div{color:#9fa098;background:#232521}[data-theme=dark] .empty h3{color:#e9e5dc}[data-theme=dark] .transaction,[data-theme=dark] .category-list>div{border-color:#30332d}[data-theme=dark] .history-tools>input,[data-theme=dark] .inline-form input,[data-theme=dark] .sheet input,[data-theme=dark] .sheet select,[data-theme=dark] .currency-grid button{color:#e9e5dc;background:#20221f;border-color:#383b35}[data-theme=dark] .currency-grid button.selected{color:#a9c9b2;background:#29372d;border-color:#648c73}[data-theme=dark] nav{background:#1d1f1cef;border-color:#30332d}[data-theme=dark] nav button.active{color:#8fb69c}[data-theme=dark] .overlay{background:#050605aa}[data-theme=dark] .sheet{color:#e9e5dc;background:#1d1f1c}[data-theme=dark] .grab{background:#4a4d46}[data-theme=dark] .sheet-title button{color:#e9e5dc;background:#2c2f2a}[data-theme=dark] .period-tabs button.active{color:#a9c9b2;box-shadow:none;background:#383b35}[data-theme=dark] .category-row>div:last-child,[data-theme=dark] .debt-progress{background:#353832}[data-theme=dark] .conversion-warning{color:#e1bd8c;background:#3b3022}[data-theme=dark] .error{color:#e6a999;background:#452c27}
