:root{--ink:#243b33;--muted:#77857d;--green:#204c3e;--mint:#d9edb8;--line:#e6eae1;--paper:#fafbf7}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--paper);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #94b66e;outline-offset:3px}button{min-height:42px}a{text-decoration:none;color:inherit}.sidebar{position:fixed;width:238px;inset:0 auto 0 0;background:#f0f3e9;padding:36px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:bold;font-size:25px}.brand-icon{display:grid;place-items:center;width:36px;height:40px;border-radius:12px;background:var(--green);color:var(--mint);font-size:22px}.demo{font-size:9px;letter-spacing:1px;border:1px solid #becbb6;border-radius:5px;padding:1px 5px}.tagline{margin:12px 0 42px;color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:12px 15px;margin-bottom:7px;border-radius:10px;font-size:19px}.nav span{font-size:14px}.nav.active{background:#e0e8d4;color:#264931;font-weight:bold}.side-note{margin-top:auto;padding:24px 0}.leaf{font-size:40px;color:#829b62}.side-note h3{font-size:15px;margin:7px 0}.side-note p,.side-foot{font-size:11px;color:#7d8b78}.side-foot{border-top:1px solid #d9dfcf;padding-top:20px}main{max-width:1460px;margin-left:238px;padding:42px 48px 25px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{letter-spacing:2px;font-size:9px;font-weight:bold;color:#859078}h1{font-size:28px;margin:5px 0 0;font-weight:600;letter-spacing:-.8px}header p{color:var(--muted);margin:5px 0;font-size:12px}.profile{width:40px;height:40px;border-radius:50%;background:#eadfc9;display:grid;place-items:center;font-size:12px;font-weight:bold}.sample-banner{display:flex;gap:12px;align-items:center;padding:11px 16px;border:1px dashed #cfd8bb;border-radius:12px;margin-bottom:25px;background:#f6f8ee;color:#6b795c}.sample-banner>span{font-size:27px}.sample-banner b{font-size:11px;display:block}.sample-banner div span{font-size:10px}.top-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:26px}.balance-card{background:var(--green);color:#e8f1e2;border-radius:20px;padding:27px 30px;position:relative;overflow:hidden}.balance-card:after{content:"";width:210px;height:210px;border:1px solid #ffffff16;border-radius:50%;position:absolute;right:-110px;top:-75px;pointer-events:none}.card-label{font-size:13px;color:#d4e0ce;display:flex;justify-content:space-between}.big-number{font-size:48px;font-weight:500;letter-spacing:-2px;margin:13px 0 2px;font-variant-numeric:tabular-nums;color:#e0efbf}.balance-card p{font-size:11px;color:#b3c8b9;margin:0 0 23px}.balance-card p span{margin:0 7px}.balance-card b{font-weight:normal;color:#e0e8d9}.reserve-line{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:16px;font-size:12px}.balance-card small{font-size:9px;color:#bfd0bf;display:block;margin-top:9px}.accounts-card,.quick-card,.recent-card,.spending-card,.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:25px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}h2{font-size:17px;margin:0;font-weight:600}.text-button{font-size:11px;color:#70805e;padding:0;white-space:nowrap}.account-row{display:flex;align-items:center;gap:12px;margin:12px 0}.account-icon,.entry-icon{height:36px;width:36px;border-radius:10px;display:grid;place-items:center;background:#edf1e4;color:#6e8055;font-size:17px;flex-shrink:0}.account-row:nth-child(3) .account-icon{background:#f2ebde;color:#8f805e}.account-name{flex:1;font-size:12px}.account-name small{display:block;font-size:9px;color:var(--muted)}.account-row b{font-size:16px;font-weight:500}.debt-line{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.debt-line b{color:#7f805e}.content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.small-icon{font-size:26px;color:#a6b296}.muted{color:var(--muted);font-size:11px}.quick-card>.muted{margin-top:-10px;margin-bottom:20px}.segments{display:flex;background:#f2f4ed;border-radius:9px;padding:4px;margin-bottom:20px;gap:3px}.segments button{flex:1;font-size:11px;min-height:34px;border-radius:6px}.segments .selected{background:white;box-shadow:0 2px 5px #243b3310;color:var(--green);font-weight:bold}label{display:block;font-size:11px;font-weight:bold;margin:15px 0 7px}input,select{width:100%;border:1px solid #dfe4d6;border-radius:9px;padding:12px 13px;background:#fff;color:var(--ink);min-height:47px;font-size:16px}input:focus,select:focus{outline:2px solid #a7bd86;outline-offset:1px}#quick{font-size:20px;padding:16px 13px}#quick::placeholder{color:#b5bcb0;font-size:17px}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:9px;color:var(--muted);margin-top:8px}.examples button{font-size:10px;background:#f5f6f0;border-radius:5px;padding:2px 7px;min-height:28px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{border:1px solid #e1e6d9;border-radius:8px;padding:8px 14px;font-size:12px}.chips button.selected{border-color:#809961;background:#eef3e4;color:#3c552e}.category-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.category-heading span{font-size:9px;color:#8e9b78}.save{width:100%;border-radius:10px;background:var(--green);color:#f0f5e9;text-align:center;padding:13px 18px;margin-top:15px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.save:hover{background:#2e624f}.form-foot{text-align:center;color:#8c9686;font-size:9px;margin:10px 0 0}.error{color:#b14a38;font-size:12px;margin:8px 0}.entry{display:flex;align-items:center;gap:11px;width:100%;padding:15px 0;border-bottom:1px solid #f0f1eb;text-align:left}.entry:hover{background:#fafbf7}.entry-info{flex:1;min-width:0}.entry-title{font-size:12px;overflow-wrap:anywhere}.entry-meta{font-size:9px;color:#919a8a}.entry-amount{font-size:14px;white-space:nowrap;color:#635744}.entry-amount.plus{color:#53734a}.entry-icon{font-size:16px;background:#f3efe5;color:#9a8864}.entry-icon.pending{background:#ecebf2;color:#9a90aa}.insight{display:flex;gap:12px;background:#f5f7ee;padding:14px;border-radius:12px;margin-top:20px}.insight>span{font-size:24px;color:#8f9e68}.insight p{font-size:10px;color:#8a957b;margin:0}.insight b{color:#6e7c5c;font-weight:normal}.spending-card{margin-top:24px}.bar-row{display:grid;grid-template-columns:110px 1fr 85px;gap:15px;align-items:center;font-size:11px;margin:14px 0}.bar-track{background:#f2f4ed;border-radius:8px;height:9px;overflow:hidden}.bar-fill{height:100%;border-radius:8px;background:#aabe87}.bar-row b{text-align:right;font-weight:normal}.empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:12px}.hidden{display:none!important}.panel{margin-bottom:20px;max-width:850px}.outline{border:1px solid #cad4bc;border-radius:8px;padding:8px 15px;font-size:12px}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.secondary p{font-size:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;font-size:9px;color:#a0a68f;padding-top:30px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:12px;padding:12px 20px;font-size:12px;box-shadow:0 7px 30px #1235;display:none;z-index:10;max-width:90vw}dialog{border:1px solid var(--line);border-radius:20px;padding:25px;width:min(440px,92vw);color:var(--ink)}dialog::backdrop{background:#173e3555;backdrop-filter:blur(3px)}.delete{width:100%;color:#b35848;margin-top:10px;font-size:12px}@media(min-width:1450px){main{margin-right:auto}}@media(max-width:1100px){.sidebar{width:190px;padding:30px 18px}main{margin-left:190px;padding:30px 25px}.big-number{font-size:40px}.top-grid,.content-grid{grid-template-columns:1fr 1fr;gap:16px}.balance-card,.accounts-card,.quick-card,.recent-card{padding:21px}.chips button{padding:8px 10px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px 18px 8px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{font-size:21px}.brand-icon{width:30px;height:32px;font-size:18px}.tagline,.side-note,.side-foot{display:none}nav{display:flex;margin-top:13px;gap:5px}.nav{justify-content:center;gap:6px;padding:8px 4px;margin:0;font-size:16px}.nav span{font-size:11px}main{margin:0;padding:23px 16px}h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1.5px}.profile{width:34px;height:34px}.sample-banner{margin-bottom:18px}.sample-banner div span{font-size:9px}.top-grid,.content-grid{grid-template-columns:1fr}.top-grid{gap:14px;margin-bottom:18px}.balance-card{padding:24px}.big-number{font-size:45px}.accounts-card{padding:20px}.account-row{margin:9px 0}.quick-card{padding:23px 20px}.content-grid{gap:18px}.recent-card{padding:21px}.spending-card{padding:20px}.section-heading>.muted{font-size:9px}.bar-row{grid-template-columns:85px 1fr 75px;gap:8px}.setting-row{grid-template-columns:1fr}.panel{padding:20px}.category-heading span{font-size:8px}#toast{bottom:20px;width:max-content}footer{font-size:8px}}
/* Capture comes first, with optional category details. */
.content-grid{margin-bottom:24px}.top-grid{margin-top:22px}.category-details{margin-top:13px;padding:9px 12px;background:#f6f8f1;border-radius:9px}.category-details summary{cursor:pointer;font-size:11px;min-height:24px}.category-details label{margin-top:7px}.account-setting{border-bottom:1px solid var(--line);padding-bottom:13px}.account-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.add-account-block{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.add-account-block h3{font-size:15px}.chips{max-height:108px;overflow:auto}.account-actions button{color:#98634b}.sample-banner{margin-top:22px}
@media(max-width:760px){header{margin-bottom:12px}header .eyebrow,header #today{display:none}main{padding-top:13px}h1{font-size:21px}.quick-card{padding:16px}.quick-card .section-heading{margin-bottom:6px}.quick-card .eyebrow,.quick-card>.muted,.small-icon,.form-foot,.examples{display:none}.segments{margin-bottom:10px}.segments button{min-height:36px}#quick{padding:12px;font-size:18px}label{margin-top:10px}.save{margin-top:10px;padding:11px 14px}.category-details{margin-top:5px}.top-grid{margin-top:4px}.content-grid{margin-bottom:18px}}
/* Balance first; the same capture form also opens as a bottom sheet. */
#home>.balance-card{margin-bottom:18px;padding:21px 28px}#home>.balance-card .big-number{margin:5px 0;font-size:42px}#home>.balance-card p{margin-bottom:10px}#home>.balance-card .reserve-line{padding-top:10px}#home>.balance-card small{margin-top:5px}.top-grid{display:block}.floating-capture{position:fixed;right:28px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:8;border-radius:30px;background:var(--green);color:white;padding:12px 24px;font-weight:bold;box-shadow:0 5px 22px #143b3533}.quick-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(540px,100%);max-height:92dvh;overflow:auto;border-radius:22px 22px 0 0;padding:15px 18px calc(15px + env(safe-area-inset-bottom))}.sheet-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}.quick-dialog .quick-card{border:0;padding:5px;background:transparent}.quick-dialog .form-foot,.quick-dialog .examples,.quick-dialog .eyebrow,.quick-dialog .small-icon,.quick-dialog .quick-card>.muted{display:none}main{padding-bottom:100px}#toast{z-index:20;bottom:calc(85px + env(safe-area-inset-bottom))}#quickAnchor{display:none}
@media(max-width:760px){#home>.balance-card{padding:15px 19px;margin-bottom:12px;border-radius:15px}#home>.balance-card .big-number{font-size:35px;line-height:1.25;margin:6px 0}#home>.balance-card .card-label{font-size:12px}#home>.balance-card p{margin-bottom:5px;font-size:10px}#home>.balance-card .reserve-line{padding-top:6px;font-size:10px}#home>.balance-card small{font-size:8px}.floating-capture{right:16px;padding:11px 20px}.quick-card .section-heading{display:none}.quick-card{padding:13px 15px}.chips{max-height:52px}.quick-card [data-go="settings"]{min-height:28px}.category-details{padding:7px 10px}header{margin-bottom:9px}main{padding-top:10px}.quick-dialog .section-heading{display:flex}.quick-dialog .chips{max-height:100px}.quick-dialog .save{min-height:46px}}
