:root{color:#25382f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#626e67;--line:#dfe4dc;background:#f5f6f2;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a46a1c}a{color:inherit}p,h1,h2,h3{margin:0}button:disabled{cursor:not-allowed}.app{max-width:1160px;min-height:100dvh;margin:auto;padding:0 20px}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-80px}.skip-link:focus{top:10px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:12px;font-size:23px;font-weight:650;line-height:1.05;text-decoration:none;display:flex}.brand-mark{color:#edf4d8;background:#183c32;border-radius:13px;place-items:center;width:43px;height:43px;font:italic 34px Georgia,serif;display:grid}.brand-subtitle{letter-spacing:1px;margin-top:4px;font-size:12px;font-weight:400;display:block}.environment-label{color:#53624f;border:1px solid #cdd6c8;border-radius:6px;padding:6px 10px;font-size:12px}.page-heading{flex-direction:column;gap:24px;padding:32px 0 25px;display:flex}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:650}.page-heading .eyebrow{color:var(--muted);margin-bottom:12px}h1{letter-spacing:-1.4px;font-size:clamp(28px,4vw,39px);font-weight:550;line-height:1.2}.intro{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.5}.scope-selector{background:#e9ede5;border:1px solid #dce2d7;border-radius:11px;align-self:stretch;padding:5px;display:flex}.scope-selector button{color:#4e5c50;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600}.scope-selector button[aria-pressed=true]{color:#183c32;background:#fff;box-shadow:0 1px 4px #24352314}.preview-notice{color:#5c685c;align-items:flex-start;gap:10px;margin-bottom:22px;padding:12px 0;font-size:12px;line-height:1.6;display:flex}.notice-symbol{border:1px solid #819077;border-radius:50%;place-items:center;min-width:18px;height:18px;margin-top:1px;font:12px Georgia,serif;display:grid}.preview-notice strong{font-weight:600}.dashboard-grid{gap:20px;display:grid}.balance-panel{color:#f5f8ef;background:#183c32;border-radius:18px;padding:26px}.balance-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.balance-top .eyebrow{color:#c5d4c7}.scope-caption{color:#d0dfd4;font-size:11px}.balance-value{margin-top:10px;font-size:61px;font-weight:300;line-height:1.3}.balance-description{color:#d1ded4;max-width:290px;font-size:13px;line-height:1.6}.balance-totals{border-top:1px solid #ffffff24;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;padding-top:20px;display:grid}.balance-totals div{flex-direction:column;gap:7px;display:flex}.balance-totals span{color:#d1ded4;font-size:12px}.balance-totals strong{font-size:24px;font-weight:400}.balance-footnote{color:#c5d4c7;margin-top:14px;font-size:10px}.quick-actions{flex-direction:column;justify-content:center;padding:26px 4px;display:flex}.quick-actions .eyebrow{color:#6a735d;margin-bottom:15px}h2{letter-spacing:-.5px;font-size:21px;font-weight:550;line-height:1.25}.quick-actions>p:not(.eyebrow){color:var(--muted);max-width:330px;margin-top:12px;font-size:13px;line-height:1.7}.action-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:23px;display:grid}.action-buttons button{color:#53604c;text-align:left;background:#e8eddf;border:1px solid #cdd5c7;border-radius:9px;min-height:52px;padding:10px 15px;font-size:14px}.action-buttons button+button{background:#f5f6f2}.action-buttons span{vertical-align:-1px;margin-right:8px;font-size:20px}.quick-actions>.small-text{font-size:11px!important}.overview-panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-heading h2{font-size:19px}.section-heading>span{color:var(--muted);font-size:11px}.overview-items{gap:26px;margin-top:30px;display:grid}.overview-items>div{align-items:center;gap:13px;display:flex}.item-symbol{color:#738169;background:#f0f3ec;border-radius:10px;place-items:center;min-width:35px;height:35px;font-size:10px;display:grid}h3{font-size:13px;font-weight:600}.overview-items p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5}.empty-value{color:var(--muted);margin-left:auto}.next-step{background:#edf0e5;border:1px solid #dce2d3;border-radius:16px;padding:26px;position:relative}.next-step .eyebrow{color:#606e54;margin:7px 0 20px;padding-right:25px}.next-step h2{max-width:250px}.next-step>p:not(.eyebrow){color:#59654f;max-width:360px;margin:13px 0 24px;font-size:13px;line-height:1.8}.step-marker{color:#677652;font-size:26px;position:absolute;top:23px;right:26px}.next-detail{gap:14px;margin-top:12px;font-size:11px;line-height:1.5;display:flex}.next-detail span{color:#65705b;width:38px}.next-detail strong{font-weight:600}.footer{color:var(--muted);padding:30px 0 max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;font-size:10px;display:flex}@media (width>=760px){.app{padding:0 40px}.topbar{height:100px}.page-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;padding-top:43px}.scope-selector{align-self:flex-end}.scope-selector button{flex:auto;padding-inline:18px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:24px}.balance-panel{padding:30px}.quick-actions{padding:26px 28px}.overview-panel,.next-step{padding:28px 30px}.footer{flex-direction:row;justify-content:space-between;padding-top:35px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}button{color:#294436;cursor:pointer;background:#fff;border:1px solid #cbd6c9;border-radius:8px;min-height:44px;padding:9px 14px}button:disabled{opacity:.6;cursor:not-allowed}.primary-button{color:#fff;background:#183c32;border-color:#183c32}.danger-button{color:#fff;background:#923a2f;border-color:#923a2f}.quiet-button{margin-left:8px}.login-panel{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:460px;margin:60px auto;padding:28px}.login-panel h1{margin:18px 0;font-size:30px}.login-panel>p{margin-bottom:18px;line-height:1.7}.finance-form{gap:16px;margin-top:24px;display:grid}.finance-form fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.finance-form label{gap:7px;font-size:14px;font-weight:600;display:grid}.finance-form input,.finance-form select{width:100%;min-width:0;min-height:46px;font:inherit;color:#25382f;background:#fff;border:1px solid #b6c3b3;border-radius:7px;padding:10px;font-size:16px;font-weight:400}.finance-form input:focus-visible,.finance-form select:focus-visible{outline-offset:2px;outline:3px solid #a46a1c}.finance-form .checkbox-label{align-items:center;min-height:44px;display:flex}.checkbox-label input{width:22px;height:22px;min-height:22px}.small-text{color:var(--muted);font-size:12px;line-height:1.65}.error-message{color:#852c21;overflow-wrap:anywhere;background:#fff1ed;border:1px solid #e3b8af;border-radius:8px;margin:12px 0;padding:14px}.status-message{padding:35px 0}.workspace-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.quick-entry{flex-wrap:wrap;gap:10px;margin:12px 0 24px;display:flex}.save-notice{color:#246442;min-height:20px;font-size:13px}.editor-panel{background:#fff;border:1px solid #b5c7a9;border-radius:12px;max-width:680px;margin:24px 0;padding:24px}.form-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.finance-section{margin:32px 0}.finance-section>h2{margin-bottom:18px}.empty-state{color:var(--muted);padding:28px 0;font-size:14px;line-height:1.7}.account-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.account-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:20px}.account-card h3{overflow-wrap:anywhere;font-size:16px}.account-balance{overflow-wrap:anywhere;margin:20px 0;font-size:24px;font-weight:550;display:block}.transaction-list,.category-list{margin:20px 0;padding:0;list-style:none}.transaction-list>li{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:20px 0;display:flex}.transaction-list h3{overflow-wrap:anywhere;margin:8px 0;font-size:15px}.transaction-actions{flex-direction:column;align-items:flex-end;gap:10px;min-width:0;display:flex}.transaction-actions strong{overflow-wrap:anywhere;font-size:15px}.transaction-actions>div{gap:7px;display:flex}.type-label{color:#516254;font-size:11px}.type-label.income{color:#176547}.type-label.expense{color:#8c3b2f}.category-list li{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.category-list span{overflow-wrap:anywhere}.category-list small{color:var(--muted)}.delete-confirmation{background:#fff8f5;border:2px solid #ba7669;border-radius:12px;padding:24px}.delete-confirmation p{overflow-wrap:anywhere;margin:14px 0;line-height:1.7}@media (width<=540px){.app{padding-inline:16px}.topbar{gap:12px}.environment-label{max-width:130px;font-size:10px}.login-panel{margin:32px auto;padding:22px}.login-panel h1{font-size:27px}.scope-selector{flex-wrap:wrap}.scope-selector button{min-width:100px}.transaction-list>li{flex-direction:column;gap:12px}.transaction-actions{align-items:stretch}.transaction-actions>div{justify-content:flex-end}.editor-panel{padding:18px}.workspace-toolbar>div{display:flex}.category-list li{align-items:flex-start}}.editor-dialog{overscroll-behavior:contain;width:min(680px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#25382f);border:1px solid #b5c7a9;border-radius:12px;margin:auto;padding:0}.editor-dialog::backdrop{background:#0f1e1899}.editor-dialog .editor-panel{border:0;margin:0}.editor-dialog .delete-confirmation{border:0}.editor-dialog .form-actions{padding-bottom:env(safe-area-inset-bottom)}.section-nav{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.section-nav a{color:#294436;text-underline-offset:3px;border:1px solid #cbd6c9;border-radius:8px;align-items:center;min-height:44px;padding:8px 12px;text-decoration:underline;display:inline-flex}.finance-section{scroll-margin-top:16px}.transaction-list>li>div,.category-list span{overflow-wrap:anywhere;min-width:0}.category-list button,.section-heading button{flex-shrink:0}.save-notice:not(:empty){background:#f0f8ef;border:1px solid #a6c8ae;border-radius:8px;padding:12px}@media (width<=540px){.page-heading{gap:20px;margin-block:24px}.quick-entry{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-entry button{min-width:0}.section-nav{gap:4px}.section-nav a{padding-inline:8px;font-size:12px}.form-actions>button{flex:1}.footer{padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.install-help{margin-top:32px;font-size:14px;line-height:1.7}.install-help summary{cursor:pointer;min-height:44px;padding-block:10px}.install-help p{max-width:65ch;margin:10px 0}@media (display-mode:standalone){.install-help{display:none}}body:has(dialog[open]){overflow:hidden}.editor-dialog{max-width:calc(100% - 24px)}
