:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233c35;background:#f7f8f4;font-synthesis:none;--green:#185d4d;--muted:#63746d;--line:#dfe5dd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;color:inherit;min-height:44px;padding:10px 16px;font-weight:600;transition:background .15s}button:hover{background:#e9eee7}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #be8430;outline-offset:3px}input,select{width:100%;min-height:48px;background:white;border:1px solid var(--line);border-radius:10px;padding:12px;color:inherit;caret-color:var(--green)}input::placeholder{color:#728078}::selection{background:#cce4d5}main{max-width:1100px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--green);font-size:30px;font-weight:850;letter-spacing:-1px}.brand span{font-size:12px;letter-spacing:0;font-weight:500;color:var(--muted);margin-left:15px}h1{font-size:28px;letter-spacing:-.03em;margin:0}h2{font-size:19px;margin:0 0 22px}p{color:var(--muted);line-height:1.7}.heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 25px}.heading p{margin:8px 0}.heading input{width:auto}.summary{display:flex;justify-content:space-between;background:#e8eee2;padding:32px;border-radius:16px;margin-bottom:36px}.summary span{display:block;font-size:13px;margin-bottom:8px;color:#4a6253}.summary strong{font-size:40px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.summary b{display:block;margin-bottom:14px;font-variant-numeric:tabular-nums}.summary b:last-child{margin:0}.workspace{display:grid;grid-template-columns:360px 1fr;gap:48px}#record{background:white;padding:24px;border-radius:16px;align-self:start}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}label>input,label>select{margin-top:8px}.segmented{display:flex;background:#f1f4ee;padding:4px;border-radius:10px}.segmented button{flex:1;border:0;background:transparent}.segmented [aria-pressed=true]{background:white;color:var(--green);box-shadow:0 2px 5px #233c3510}.amount{display:flex;align-items:center;border-bottom:2px solid var(--green)}.amount input{border:0;font-size:32px;font-weight:700;padding-left:0}.amount span{font-size:20px}.quick{display:flex;gap:6px;margin:12px 0 22px}.quick button{flex:1;padding:6px;font-size:12px;background:#f7f8f4}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:13px;font-weight:600;margin-bottom:12px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.categories button{font-size:13px;font-weight:500}.categories [aria-pressed=true],.filters [aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{background:var(--green);color:white;border:0;width:100%;margin-top:20px;min-height:50px}.primary:hover{background:#104637}.muted{font-weight:400;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{margin:0}.section-title button{font-size:12px;background:transparent}.filters{display:flex;gap:8px;margin:22px 0}.filters button{border-radius:30px;min-height:38px;font-size:13px}.entry{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid var(--line)}.entry .info{flex:1;min-width:0}.entry strong{font-size:15px;overflow-wrap:anywhere}.entry small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.entry b{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.entry button{font-size:11px;padding:5px 8px;background:transparent}.income{color:var(--green)}.empty{padding:45px 20px;text-align:center;border:1px dashed #bdcbbf;border-radius:12px;color:var(--muted);line-height:1.8}.breakdown-title{margin-top:40px}.bar-row{margin:18px 0}.bar-row div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}progress{width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e4eadd}progress::-webkit-progress-value{background:#45806b}footer{padding:40px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}footer button{font-size:12px;background:transparent}#status:empty{display:none}#status{background:#fff2d6;color:#68420b;padding:12px;border-radius:10px}#welcome{max-width:480px;margin:48px auto 80px}.intro h1{font-size:42px;line-height:1.3}.intro{margin-bottom:36px}#create{background:white;padding:24px;border-radius:16px}details{margin-top:24px}summary{cursor:pointer;padding:12px}dialog{border:0;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 32px);color:inherit}dialog::backdrop{background:#142a2266}dialog p{font-size:14px}#closeInvite{width:100%;margin-top:10px}[hidden]{display:none!important}@media(max-width:740px){main{padding:0 20px}header{height:80px}.brand span{display:block;margin:2px 0 0;font-size:10px}.brand{font-size:26px}.heading{margin-top:28px;gap:12px}.heading h1{font-size:23px}.heading p{font-size:12px}.heading input{max-width:150px;padding:8px;font-size:13px}.summary{padding:24px;margin-bottom:28px}.summary strong{font-size:32px}.workspace{grid-template-columns:1fr;gap:36px}#record{padding:22px}.history{padding-bottom:12px}footer{gap:12px;font-size:11px}.intro h1{font-size:36px}.entry{gap:8px}.entry b{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#categoryGroup{margin-bottom:12px}.group-label{margin-top:0}.segmented button{padding:10px 8px}.filters{flex-wrap:wrap}.calculation-note{font-size:12px;margin:-22px 0 30px}#period{font-size:12px}.summary>div:last-child{display:grid;grid-template-columns:auto auto;gap:10px 24px;align-items:center}.summary>div:last-child span,.summary>div:last-child b{margin:0}.summary>div:last-child b{text-align:right}@media(max-width:420px){.summary{gap:20px;flex-direction:column}.summary>div:last-child{grid-template-columns:1fr 1fr}.categories button{padding:10px 5px;font-size:12px}}

.check{display:flex;align-items:center;gap:10px;line-height:1.5}.check input{width:20px;min-height:20px;margin:0;accent-color:var(--green)}.entry-details{margin-top:8px}.entry-details summary{font-size:13px;color:var(--muted);padding-left:0}#entryHint{font-size:12px;line-height:1.6}.mobile-tabs{display:none}@media(max-width:740px){.mobile-tabs{display:flex;gap:8px;margin:0 0 20px}.mobile-tabs button{flex:1}.mobile-tabs [aria-pressed=true]{background:var(--green);color:white}#dashboard:not([data-view=history]) .history{display:none}#dashboard[data-view=history] #record{display:none}#save{position:sticky;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 4px 12px #185d4d24}.categories button{word-break:keep-all}#record{padding-bottom:16px}}
@media(max-width:740px){#save{position:static;box-shadow:none}}
