.monthly-page{background:#f7f8f2}[hidden]{display:none!important}.monthly-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px;border-bottom:1px solid var(--line)}.monthly-header nav{gap:23px}.monthly-header nav a:hover{color:#617d45}.monthly-main{padding-bottom:65px}.monthly-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:50px 0 35px}.monthly-intro h1{font-size:48px;line-height:1.3;margin:21px 0;letter-spacing:-.055em}.monthly-intro h1 span{color:#67814a}.monthly-intro>div>p:last-child{font-size:15px;color:#6c7b65;line-height:1.9}.month-stamp{width:190px;min-height:187px;border:1px solid #c5d3b6;background:#edf2df;border-radius:8px;padding:21px;text-align:center;transform:rotate(3deg);margin-right:32px}.month-stamp>span{display:block;font-size:10px;letter-spacing:.09em;color:#748565}.month-stamp strong{display:block;font-size:51px;letter-spacing:-.065em;padding:4px 0 9px;font-weight:600;border-bottom:1px solid #cbd9b9;margin-bottom:12px}.storage-notice{display:flex;align-items:flex-start;gap:16px;border-top:1px solid #dbe3d1;border-bottom:1px solid #dbe3d1;padding:20px 0;margin-bottom:30px}.storage-symbol{font-size:26px;color:#708959;line-height:1.1}.storage-notice strong{font-size:13px;display:block;margin-bottom:5px}.storage-notice p{font-size:11px;color:#78836f;line-height:1.9}.storage-notice>a{margin-left:auto;font-size:11px;white-space:nowrap;color:#5f774b;padding-top:2px}.monthly-error{padding:18px 22px;background:#fff2e7;border:1px solid #e4c6a7;border-radius:7px;color:#815735;font-size:13px;line-height:1.8;margin-bottom:24px}.monthly-error button{margin:14px 18px 0 0}
.monthly-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:30px;align-items:start}.monthly-editor{padding:33px;border:1px solid #d7e0cc;background:#fff;border-radius:10px;min-width:0}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.editor-heading h2{font-size:25px;margin-top:11px}.save-badge{font-size:10px;padding:5px 10px;border:1px solid #c5d3b6;border-radius:30px;white-space:nowrap;color:#6b8059;background:#f1f5e8}.save-badge[data-dirty=true]{color:#967144;border-color:#d5bd90;background:#fff9eb}.month-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e2e7da;padding-bottom:23px;margin-bottom:26px}.month-row label{font-size:13px;font-weight:600}.month-row input{padding:8px 10px;border:1px solid #cbd8bf;border-radius:4px;font-size:14px;color:#244d39;font-family:var(--font);min-width:0}.subtle-button{font-size:11px;padding:0;background:transparent;color:#6d835b;text-decoration:underline;text-underline-offset:4px}.month-row .subtle-button{margin-left:auto;white-space:nowrap}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.monthly-field{margin-bottom:24px}.monthly-field label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.monthly-field label>span,.date-row label>span{font-size:10px;color:#87917b;font-weight:400;margin-left:7px}.amount-input{display:flex;align-items:center;border:1px solid #c9d7bd;background:#fbfcf8;border-radius:5px;overflow:hidden}.amount-input input{width:100%;min-width:0;border:0;background:transparent;color:#224e37;font-size:22px;font-weight:600;padding:11px 13px;outline:none;font-variant-numeric:tabular-nums}.amount-input input::placeholder{font-size:14px;font-weight:400;color:#9ba591}.amount-input>span{font-size:12px;color:#6c7f5d;padding-right:13px}.amount-input:focus-within{outline:2px solid #789748;outline-offset:2px}.field-help{font-size:11px;line-height:1.85;color:#808b75;margin-top:7px}.monthly-field textarea{width:100%;resize:vertical;border:1px solid #cfdbc5;border-radius:5px;background:#fff;padding:13px 14px;font-size:14px;color:#284d3c;line-height:1.85;min-height:113px}.monthly-field textarea::placeholder{color:#8d9a83}.difference-box{background:#eff4e5;border-radius:6px;padding:18px 21px;margin-bottom:27px}.difference-box>span{display:block;font-size:11px;color:#718461}.difference-box strong{display:block;font-size:18px;letter-spacing:-.04em;margin:5px 0 7px}.difference-box p{font-size:11px;color:#7e8c6f;line-height:1.85}.next-check-fields{border-top:1px solid #e0e7d7;border-bottom:1px solid #e0e7d7;padding:23px 0;margin:29px 0 24px}.next-check-fields .eyebrow{font-size:10px;margin-bottom:17px;color:#83946d}.date-row label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}.date-row input{padding:9px 11px;max-width:100%;font-size:14px;border:1px solid #ccd7c2;border-radius:4px;color:#294d39;font-family:var(--font)}.date-row p{font-size:10px;color:#8a947d;margin-top:8px}.editor-actions{display:flex;gap:12px}.editor-actions .button{font-size:13px;flex:1;padding:14px 13px;gap:15px}.button-outline{border:1px solid #acbe99;background:transparent;color:#31553e}.form-status{font-size:12px;color:#698457;line-height:1.85;margin-top:14px;min-height:23px}.form-status[data-error=true],#backup-status[data-error=true]{color:#a05a3d}.editor-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:22px}.editor-bottom .text-link{font-size:11px;background:none;padding:0;text-align:left}.delete-button{background:none;font-size:11px;color:#937660;padding:0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.monthly-page button:disabled{opacity:.45;cursor:default;transform:none}
.record-sidebar{min-width:0;padding:14px 0}.history-heading h2{font-size:26px;margin:14px 0}.history-heading>p:last-child{font-size:12px;color:#78896b;line-height:1.8}.record-totals{padding:23px;border-radius:8px;border:1px solid #d8e2cb;background:#eaf0dd;margin:24px 0 20px}.record-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.record-totals span{font-size:11px;color:#758766}.record-totals strong{font-size:19px;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.record-totals>div:first-child{padding-bottom:16px;border-bottom:1px solid #ccd9ba;margin-bottom:18px}.record-totals>div:first-child strong{font-size:29px}.record-totals p{font-size:10px;color:#849273;border-top:1px solid #d2dec2;padding-top:13px;margin-top:16px;line-height:1.85}.history-empty{border:1px dashed #c4d4b1;border-radius:8px;padding:26px 20px;text-align:center;color:#6f845c}.history-empty>span{display:block;font-size:26px;margin-bottom:12px}.history-empty strong{display:block;font-size:17px;color:#527044}.history-empty p{font-size:12px;line-height:1.9;margin-top:12px}.history-list{display:grid;gap:10px;max-height:650px;overflow:auto;padding:3px}.history-item>button{display:block;text-align:left;width:100%;border:1px solid #d5e0c8;border-radius:7px;background:#fff;padding:20px}.history-item>button[aria-pressed=true]{border-color:#72904f;background:#f1f6e9;box-shadow:inset 3px 0 #72904f}.history-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;margin-bottom:11px}.history-item-top>span{font-size:16px;color:#738a5c}.history-amount{display:block;font-size:13px;color:#3e614b;overflow-wrap:anywhere}.history-plan,.history-date{display:block;font-size:11px;color:#869377;line-height:1.8;margin-top:5px}.history-workbook{display:block;border-top:1px solid #dce5d0;margin-top:30px;padding-top:22px}.history-workbook span{display:block;font-size:11px;color:#8b987a;margin-bottom:5px}.history-workbook strong{font-size:13px;font-weight:600;color:#627d4c}
.backup-section{margin-top:55px;background:#edf2e3;padding:35px 38px;border:1px solid #d5e0c6;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.backup-section h2{font-size:29px;line-height:1.45;margin:15px 0 18px}.backup-section>div>p:not(.eyebrow){font-size:12px;color:#70845e;line-height:1.95}.backup-section .backup-small{font-size:11px!important;color:#829370!important;margin-top:18px}.backup-panel .button{width:100%;font-size:13px}.backup-panel>p{font-size:11px!important;margin:12px 0 21px}.backup-panel details{border-top:1px solid #d2dfc0;padding-top:6px}.backup-panel summary{cursor:pointer;display:flex;justify-content:space-between;padding:14px 0;font-size:13px;font-weight:600}.backup-panel summary::marker{content:''}.import-label{display:block;font-size:11px;color:#7a8f67;margin-bottom:9px}.backup-panel input[type=file]{width:100%;font-size:11px;color:#60764c;margin-bottom:14px}.backup-panel input[type=file]::file-selector-button{background:white;border:1px solid #bacba5;padding:9px;color:#476431;border-radius:4px;margin-right:10px;cursor:pointer}#import-description{font-size:12px;line-height:1.8;margin-bottom:14px}.replace-option{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.8}.replace-option input{accent-color:#173f35;flex-shrink:0;width:15px;height:15px;margin-top:4px}.import-default{font-size:10px;color:#839574;margin:4px 0 15px 23px}#backup-status{margin:14px 0 0;line-height:1.85}.monthly-how{padding-top:49px}.monthly-how h2{font-size:23px;margin-bottom:23px}.monthly-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;margin:0;padding:0}.monthly-how li{display:flex;align-items:flex-start;gap:15px}.monthly-how li>span{color:#8b9e72;font-size:12px;padding-top:3px}.monthly-how li strong{font-size:13px}.monthly-how li p{font-size:12px;line-height:1.9;color:#859277;margin-top:10px}.monthly-footer{border-top:1px solid #d5decc;padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#869478}
@media(max-width:1000px){.monthly-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}.monthly-editor{padding:25px}.editor-heading h2{font-size:22px}.monthly-header nav{font-size:12px;gap:18px}.month-stamp{margin-right:10px}.record-totals{padding:20px}.record-totals strong{font-size:16px}.editor-actions{flex-wrap:wrap}.editor-actions .button{white-space:nowrap;font-size:12px}.backup-section{gap:35px;padding:30px}.monthly-how ol{gap:21px}}
@media(max-width:800px){.monthly-layout{grid-template-columns:1fr}.record-sidebar{padding-top:12px}.monthly-intro h1{font-size:40px}.month-stamp{width:150px;min-height:157px;padding:18px}.month-stamp strong{font-size:43px}.month-stamp>span{font-size:9px}.storage-notice{flex-wrap:wrap}.storage-notice>a{margin-left:40px}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:480px}.record-totals strong{font-size:21px}.history-empty p br{display:none}.monthly-how ol{grid-template-columns:1fr;gap:23px}.monthly-how li p{margin-top:6px}.backup-section{gap:28px}.backup-section h2{font-size:25px}}
@media(max-width:560px){.monthly-header.container,.monthly-main.container,.monthly-footer.container{padding-left:20px;padding-right:20px}.monthly-header{flex-wrap:wrap;gap:18px;padding-top:22px;padding-bottom:19px}.monthly-header nav{width:100%;justify-content:space-between;font-size:11px;gap:8px}.monthly-header .brand{font-size:17px}.monthly-intro{padding:32px 0 26px}.monthly-intro .eyebrow{font-size:9px;letter-spacing:.08em}.monthly-intro h1{font-size:35px;margin:18px 0}.monthly-intro>div>p:last-child{font-size:13px}.month-stamp{display:none}.storage-notice{padding:17px 0;gap:11px;margin-bottom:23px}.storage-symbol{display:none}.storage-notice strong{font-size:12px}.storage-notice p{font-size:10px}.storage-notice>a{margin:0;font-size:11px}.monthly-editor{padding:23px 20px}.editor-heading h2{font-size:21px;margin-top:10px}.editor-heading .eyebrow{font-size:9px}.save-badge{font-size:9px;padding:4px 8px}.month-row{gap:9px;flex-wrap:wrap}.month-row label{font-size:12px}.month-row input{font-size:13px;padding:8px}.month-row .subtle-button{font-size:10px}.amount-grid{grid-template-columns:1fr;gap:0}.amount-input input{font-size:23px;padding:12px 13px}.monthly-field{margin-bottom:21px}.monthly-field label{font-size:13px}.monthly-field textarea{font-size:13px;padding:12px}.difference-box{padding:16px 18px}.difference-box strong{font-size:17px}.difference-box p{font-size:10px}.next-check-fields{padding:21px 0;margin-top:25px}.editor-actions{flex-direction:column;gap:10px}.editor-actions .button{font-size:13px;padding:13px}.editor-bottom{align-items:flex-start;gap:18px;flex-direction:column}.editor-bottom .text-link{font-size:11px}.form-status{font-size:11px}.history-heading h2{font-size:24px}.history-heading>p:last-child{font-size:11px}.history-list{grid-template-columns:1fr;max-height:460px}.history-item>button{padding:19px}.backup-section{grid-template-columns:1fr;padding:25px 22px;gap:25px;margin-top:35px}.backup-section .eyebrow{font-size:9px}.backup-section h2{font-size:27px}.backup-panel>p{font-size:10px!important}.monthly-how{padding-top:37px}.monthly-how h2{font-size:21px}.monthly-how li strong{font-size:12px}.monthly-how li p{font-size:11px}.monthly-footer{flex-direction:column;gap:12px;font-size:10px}.monthly-main{padding-bottom:40px}.monthly-error{font-size:12px;padding:16px}.monthly-error button{white-space:normal;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}