:root{--bg:#f6f6f0;--paper:#fffefa;--white:#fff;--ink:#293d34;--muted:#829087;--green:#587761;--green-dark:#365743;--sage:#e6edde;--line:#e8ebe2;--peach:#d39c7f;--peach-bg:#f7eae0;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--shadow:0 8px 36px #293d3406}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #b8cfaa;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b7c9ad;outline-offset:1px}a{color:inherit;text-decoration:none}input,select,textarea{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0}input,select{min-height:46px;padding:10px 12px;width:100%}textarea{resize:vertical;padding:12px;width:100%}input[type=checkbox]{min-height:auto;width:18px;height:18px;accent-color:var(--green);flex-shrink:0}input[type=date]{min-width:0;max-width:100%}input[type=search]::-webkit-search-cancel-button{cursor:pointer}input::placeholder,textarea::placeholder{color:#a3aca2}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h2{font-size:19px;letter-spacing:.3px}h3{font-size:15px}small{font-size:12px}svg{display:inline-block;vertical-align:middle;flex-shrink:0}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.app-shell{max-width:1440px;min-height:100svh;margin:auto;display:grid;grid-template-columns:226px minmax(0,1fr)}.sidebar{padding:42px 24px 24px 32px;border-right:1px solid #e4e8dd;position:sticky;top:0;height:100svh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:flex;align-items:center;justify-content:center;background:#dce7d6;width:43px;height:43px;border-radius:14px}.brand-mark .icon{width:26px;height:26px;color:#4c6c53}.brand-name{font-size:22px;font-weight:650;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:2.1px;color:#8c9a8b;line-height:1.3}.sidebar .brand{margin-bottom:56px}.nav-label{font-size:10px;letter-spacing:2px;color:#a3ad9f;margin:0 14px 13px}.side-nav{display:flex;flex-direction:column;gap:9px}.side-nav button{min-height:49px;border-radius:13px;display:flex;align-items:center;gap:15px;padding:0 17px;text-align:left;color:#85917f}.side-nav button.active{background:#e7edde;color:#496344;font-weight:600}.side-nav button:hover{background:#ebefe6}.side-note{margin-top:auto;background:#edf0e4;border-radius:18px;padding:21px 16px;color:#70836c}.side-note .icon{color:#819778;width:27px;height:27px;margin-bottom:12px}.side-note p{font-family:var(--serif);font-size:15px;line-height:1.8}.side-note small{display:block;font-size:10px;margin-top:10px;color:#9aa58f}.side-foot{display:flex;align-items:center;gap:7px;color:#89977e;font-size:11px;margin:20px 8px 0}.status-dot{width:6px;height:6px;display:inline-block;background:#8da17b;border-radius:50%;flex-shrink:0}.workspace{min-width:0;padding:35px 48px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px;gap:12px}.breadcrumb{font-size:12px;color:#a2ac9b;display:flex;align-items:center;gap:11px}.breadcrumb strong{font-weight:400;color:#6d7f66}.topbar-right{display:flex;align-items:center;gap:17px}.top-date{font-size:11px;color:#8a9682}.round-btn{width:38px;height:38px;border-radius:50%;border:1px solid #dfe5d7;display:inline-flex;align-items:center;justify-content:center;color:#6e8363;background:#f0f2e8}.round-btn .icon{width:18px;height:18px}.mobile-brand{display:none}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.5px;color:#99a28d;margin-bottom:9px}.page-intro h1{font-size:27px;font-weight:550;letter-spacing:1px;line-height:1.5}.intro-sub{color:#929d8a;font-size:12px;letter-spacing:.4px;margin-top:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;background:#edf0e5;color:#748569;font-size:10px;white-space:nowrap}.pill.peach{background:var(--peach-bg);color:#b58062}.pill .icon{width:13px;height:13px}.button{min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:13px;font-weight:500;white-space:nowrap}.button.primary{color:white;background:var(--green-dark)}.button.primary:hover{background:#46694d}.button.secondary{background:#edf1e6;color:#617654;border:1px solid #e5eadc}.button.ghost{color:#7b8d6d;background:#f6f7ef;border:1px solid #e7ebde}.button.danger{color:#b37961;background:#fcf0e9}.button .icon{width:17px;height:17px}.text-btn{color:#83936f;font-size:12px;display:inline-flex;align-items:center;gap:3px;min-height:36px}.text-btn .icon{width:14px;height:14px}.hero{border-radius:24px;background:#e5ecdc;display:grid;grid-template-columns:1fr 270px;overflow:hidden;position:relative;margin-bottom:22px;min-height:249px}.hero-content{padding:29px 32px;position:relative;z-index:1}.hero-label{display:flex;align-items:center;gap:8px;color:#708468;font-size:12px}.hero-label .icon{width:15px;height:15px}.hero-total{font-size:44px;letter-spacing:-1.5px;line-height:1.4;margin:9px 0 3px;font-weight:500;font-variant-numeric:tabular-nums}.hero-total .currency{font-size:23px;font-weight:400;margin-right:8px;vertical-align:5px;letter-spacing:0}.hero-total .decimal{font-size:28px;letter-spacing:-.5px}.hero-desc{font-size:11px;color:#95a18a;display:flex;gap:7px;align-items:center}.hero-stats{display:flex;gap:33px;margin-top:26px}.hero-stat:not(:last-child){padding-right:30px;border-right:1px solid #cfd9c2}.hero-stat label{display:block;color:#8a9a7d;font-size:10px;margin-bottom:5px}.hero-stat strong{font-size:17px;font-weight:500}.hero-stat small{font-size:10px;color:#8b9b7b;margin-left:4px}.hero-art{width:270px;height:249px;align-self:end;opacity:.95;position:relative}.hero-stamp{position:absolute;top:24px;right:26px;font-size:9px;letter-spacing:2px;color:#98aa8b;writing-mode:vertical-rl;z-index:1}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;align-items:start}.stack{display:flex;flex-direction:column;gap:22px}.card{border:1px solid #e9ebdf;background:var(--paper);border-radius:20px;padding:24px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.section-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:550;letter-spacing:.4px}.section-label .icon{color:#9ca98b;width:18px;height:18px}.card-kicker{font-size:10px;color:#9ca68f;margin-top:4px}.journey{padding:24px 25px 22px}.journey-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:23px}.journey-track:before{position:absolute;content:"";height:1px;background:#dfe5d5;left:10%;right:10%;top:20px}.journey-step{z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:#a5ae98;font-size:11px;min-height:76px;position:relative;padding:0}.step-circle{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:50%;border:1px solid #e6eadc;background:var(--paper);color:#a7b295}.step-circle .icon{width:20px;height:20px}.journey-step.current .step-circle{background:#e3ebd7;border-color:#d4e0c7;color:#637f50;box-shadow:0 0 0 4px var(--paper)}.journey-step.current{color:#5c744e;font-weight:600}.step-sub{font-size:9px;font-weight:400;color:#a5ae96;margin-top:-4px}.journey-hint{padding-top:17px;border-top:1px dashed #e9ecdf;margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:#8c9b7d;font-size:10px;gap:9px}.entry-ai{background:#fcfaf2}.ai-symbol{height:30px;width:30px;background:#f3ead9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#b69c6d}.ai-symbol .icon{width:17px;height:17px}.ai-title{display:flex;align-items:center;gap:9px}.ai-desc{font-size:12px;color:#9b9e87;margin-bottom:15px;line-height:1.8}.compose-box{border:1px solid #e7e6d8;border-radius:14px;background:#fffef8;padding:3px 12px 9px}.compose-box textarea{border:0;outline:0;resize:none;height:83px;padding:11px 0;background:transparent;font-size:12px;line-height:1.9}.compose-box textarea:focus{outline:0}.compose-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b0b19e;gap:8px}.send-btn{width:31px;height:31px;border-radius:10px;background:#6c8157;color:#fff;display:flex;align-items:center;justify-content:center}.send-btn .icon{width:16px;height:16px}.example{color:#a6a893;font-size:10px;margin-top:12px;line-height:1.8}.example button{font-size:10px;text-align:left;padding:0;color:#8a9578;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.note-line{font-size:10px;color:#a3ac97;line-height:1.8;display:flex;gap:5px;align-items:flex-start;margin-top:13px}.note-line .icon{width:12px;height:12px;margin-top:3px}.budget-amount{font-size:24px;letter-spacing:-.5px;margin:13px 0 3px}.budget-amount small{font-size:11px;color:#99a48c;margin-left:5px;letter-spacing:0}.progress{height:6px;background:#edf0e5;border-radius:10px;overflow:hidden;margin:15px 0 10px}.progress span{display:block;height:100%;background:#9bb18b;border-radius:10px;transition:width .3s}.progress.over span{background:#d39c7f}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#a4ae97;gap:8px}.quiet-quote{padding:0 10px;text-align:center;color:#acb29f;font-family:var(--serif);font-size:12px;line-height:1.9}.quote-star{font-size:17px;color:#c5ba99;margin-bottom:4px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 9px}.quick-button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#869479;min-height:67px;padding:0}.category-icon{width:39px;height:39px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#8f9f77;background:#f0f2e7}.category-icon .icon{width:20px;height:20px}.cat-checkup{background:#eaf0e3;color:#829b68}.cat-nutrition{background:#fbf0dc;color:#c0a068}.cat-medicine{background:#f5e8e0;color:#bb9781}.cat-baby{background:#ede9f2;color:#a194b4}.cat-mom{background:#f6e8e9;color:#be959a}.cat-birth{background:#e6eeed;color:#84a3a0}.cat-transport{background:#e8edf3;color:#90a2b8}.cat-care{background:#f6ecde;color:#b29c7b}.cat-other{background:#eceee7;color:#9ba58b}.quick-button:hover .category-icon{transform:translateY(-2px)}.list-card{padding-bottom:12px}.list-head{margin-bottom:18px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 10px 25px;color:#98a38c}.empty-illustration{width:83px;height:73px;margin-bottom:12px}.empty-state h3{font-family:var(--serif);font-size:16px;font-weight:400;color:#819373;margin-bottom:6px;letter-spacing:1px}.empty-state p{font-size:11px;color:#a9b09c;line-height:1.9;max-width:255px}.empty-state .button{margin-top:20px;font-size:11px;min-height:38px}.empty-actions{display:flex;gap:14px;align-items:center;margin-top:15px}.empty-actions .button{margin:0}.empty-actions .text-btn{font-size:10px}.day-head{display:flex;align-items:center;justify-content:space-between;color:#9ba68d;font-size:10px;padding:9px 0 5px}.day-head span:last-child{font-variant-numeric:tabular-nums}.record{display:flex;align-items:center;gap:12px;padding:12px 0;width:100%;text-align:left;border-bottom:1px solid #f0f1e8;min-height:70px}.record:last-child{border:0}.record .category-icon{width:37px;height:37px;border-radius:12px}.record-info{flex:1;min-width:0}.record-name{font-size:12px;color:#607153;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-meta{font-size:9px;color:#a9b09c;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-amount{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:#6f7f60;white-space:nowrap}.record-amount.refund{color:#b18a70}.record-chevron{width:11px;height:11px;color:#b4bda8}.footer-line{text-align:center;font-size:9px;letter-spacing:2px;color:#bbc1ac;margin:29px 0 2px}.bottom-nav{display:none}.demo-banner{border-radius:12px;background:#f2eadd;color:#ab8e6a;font-size:11px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.demo-banner button{font-size:11px;text-decoration:underline;text-underline-offset:3px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:17px;flex-wrap:wrap}.search-box{flex:1;min-width:180px;position:relative}.search-box .icon{position:absolute;left:13px;top:14px;color:#a3ad97;width:16px;height:16px}.search-box input{padding-left:37px;background:var(--paper);border-radius:12px;font-size:12px;min-height:45px}.toolbar select{width:auto;max-width:160px;min-height:45px;font-size:12px;background:var(--paper)}.month-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eef1e5;border-radius:12px;padding:4px 6px;min-width:153px;font-size:12px}.month-picker button{width:32px;height:34px;color:#819472}.month-picker .icon{width:16px;height:16px}.month-picker input{min-height:34px;padding:0;border:0;background:transparent;width:115px;font-size:11px;outline:0}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter-chip{padding:7px 13px;border-radius:20px;font-size:11px;color:#91a080;border:1px solid transparent;min-height:34px}.filter-chip.active{background:#e5ecd9;color:#667e50;border-color:#dce6cf}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 24px;margin-bottom:20px;background:#e9edde;border-radius:17px;gap:16px}.summary-strip label{font-size:10px;color:#97a287;display:block;margin-bottom:6px}.summary-strip strong{font-weight:500;font-size:21px;font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stat-wide{grid-column:1/-1}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:35px;padding:17px 0}.donut{height:170px;width:170px;border-radius:50%;position:relative;flex-shrink:0}.donut-center{position:absolute;inset:18px;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center strong{font-size:21px;font-weight:500}.donut-center small{font-size:10px;color:#a5ae97;margin-top:3px}.chart-key{flex:1;max-width:240px}.legend-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#91a080;min-height:28px}.legend-dot{width:7px;height:7px;border-radius:3px;flex-shrink:0}.legend-row .value{margin-left:auto;color:#728561;white-space:nowrap;font-variant-numeric:tabular-nums}.bar-chart{display:flex;align-items:flex-end;height:170px;gap:18px;padding:18px 3px 0;border-bottom:1px solid #e6eadb;margin-bottom:31px}.bar-column{height:100%;flex:1;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;min-width:0}.bar-shape{width:100%;max-width:32px;background:#a8ba97;border-radius:6px 6px 0 0;min-height:3px}.bar-column:nth-child(even) .bar-shape{background:#d1d9b9}.bar-caption{position:absolute;top:calc(100% + 9px);font-size:9px;color:#9ca88d;white-space:nowrap}.bar-value{font-size:9px;color:#9caa8d;margin-bottom:5px;white-space:nowrap}.chart-note{font-size:10px;color:#a2ad94;line-height:1.8;margin-top:14px}.phase-spend{display:flex;align-items:center;gap:13px;margin:22px 0}.phase-spend .category-icon{flex-shrink:0}.phase-spend-content{flex:1;min-width:0}.phase-spend-top{display:flex;justify-content:space-between;font-size:11px;color:#849772;gap:8px}.phase-spend .progress{height:5px;margin:8px 0 0}.phase-budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.budget-phase-card{padding:22px}.phase-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.phase-title-inner{display:flex;align-items:center;gap:12px}.phase-title small{font-size:9px;display:block;color:#a6af98;letter-spacing:.4px}.phase-title h3{font-size:14px;color:#718661}.budget-input-label{font-size:10px;color:#a3ad95;margin-bottom:7px;display:block}.money-input{position:relative}.money-input span{position:absolute;left:13px;top:9px;font-size:18px;color:#9caa8b}.money-input input{padding-left:33px;font-size:22px;background:#fbfcf5;line-height:1.3;min-height:51px;color:#657c54}.budget-save-bar{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:14px}.budget-save-bar p{font-size:11px;color:#a1ac93;line-height:1.8}.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}.field{margin-bottom:17px}.field>label,.field-label{display:block;font-size:11px;color:#8c9b7d;margin-bottom:7px}.field-hint{font-size:10px;color:#a6af99;line-height:1.8;margin-top:6px}.field input,.field select,.field textarea{font-size:13px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#899b78;min-height:33px}.divider{border:0;border-top:1px solid #edf0e5;margin:22px 0}.settings-actions{display:flex;flex-wrap:wrap;gap:9px}.settings-actions .button{font-size:11px}.provider-state{background:#f4f4e9;border-radius:12px;padding:12px;font-size:10px;line-height:1.9;color:#9c9c81;margin-bottom:17px}.provider-state.ready{background:#edf3e6;color:#7e9567}.provider-state strong{display:block;font-size:11px;margin-bottom:3px;color:#7b8a6b;font-weight:500}.back-btn{display:inline-flex;align-items:center;gap:5px;color:#92a082;font-size:11px;margin:0 0 19px;min-height:30px}.back-btn .icon{width:15px;height:15px}.pair-code{font-size:34px;letter-spacing:10px;color:#6e855d;font-weight:500;padding:15px;text-align:center;border-radius:13px;background:#eef2e6;margin:14px 0}.connect-url{font-size:12px;word-break:break-all;padding:11px 13px;border:1px dashed #d6dfc9;border-radius:10px;color:#82996f;margin:8px 0;display:block}.pair-step{font-size:11px;color:#97a58a;line-height:2;margin:13px 0}.alert{border-radius:12px;padding:12px 14px;font-size:11px;line-height:1.9;background:#faf0e6;color:#b18d6b;margin-bottom:17px}.subtle-note{font-size:10px;color:#a5af98;line-height:1.9;margin:13px 0}.mobile-only{display:none}#sheet{border:0;padding:0;background:var(--paper);color:var(--ink);border-radius:24px;width:510px;max-width:calc(100% - 24px);max-height:90svh;box-shadow:0 24px 100px #263c3530;overflow:auto;overscroll-behavior:contain}#sheet::backdrop{background:#263c3560;backdrop-filter:blur(4px)}.sheet-content{padding:25px 28px 27px}.sheet-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.sheet-top h2{font-size:19px;letter-spacing:.6px}.sheet-top p{font-size:10px;color:#9ca98e;margin-top:5px}.close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#9caa8c;background:#eef1e7;border-radius:50%}.close-btn .icon{width:17px;height:17px}.kind-toggle{display:flex;border-radius:12px;background:#eff2e8;padding:4px;gap:4px;margin-bottom:19px}.kind-toggle button{flex:1;font-size:11px;color:#9baa88;min-height:34px;border-radius:9px}.kind-toggle button.active{background:#fffef9;color:#6e855a;box-shadow:0 2px 4px #273c3505}.amount-field{margin:10px 0 25px;border-bottom:1px solid #dfe7d4;display:flex;align-items:center;gap:7px;padding:0 0 9px}.amount-field>span{font-size:24px;color:#a7b49b}.amount-field input{border:0;outline:0!important;background:transparent;font-size:42px;letter-spacing:-1px;padding:0;min-height:56px;border-radius:0;width:100%;font-variant-numeric:tabular-nums}.form-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 6px;margin:12px -7px 24px}.form-category{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#9aa98b;padding:4px 0}.form-category .category-icon{width:37px;height:37px}.form-category.active{color:#627e4a;font-weight:550}.form-category.active .category-icon{outline:2px solid #aabd8e;outline-offset:3px}.sheet-actions{display:flex;gap:10px;margin-top:23px}.sheet-actions .button{flex:1}.sheet-error{color:#b68068;background:#fbf0e7;border-radius:9px;padding:10px;font-size:11px;line-height:1.8;margin:12px 0}.preview-item{border:1px solid #e7eadc;border-radius:14px;padding:16px;margin-bottom:13px;background:#fffef8}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#a1ad93;margin-bottom:12px}.preview-head button{color:#bc9b84;font-size:10px;min-height:26px}.preview-item .field-row{gap:9px}.preview-item .field{margin-bottom:11px}.preview-item input,.preview-item select{font-size:12px;min-height:41px;padding:8px 9px;border-radius:9px}.preview-item .field:last-child{margin-bottom:0}.preview-total{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8e9f7c;margin:18px 0}.preview-total strong{font-size:20px;color:#627e4e;font-weight:500}.loading-panel{padding:35px 15px;text-align:center}.spinner{height:31px;width:31px;border:2px solid #e1e8d8;border-top-color:#809865;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}.loading-panel h3{color:#8b9e77;font-size:14px;margin:19px 0 8px;font-weight:500}.loading-panel p{font-size:11px;color:#a7b096;line-height:1.9}.toast-visible{transform:translate(-50%,0)!important;opacity:1!important}#toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,15px);opacity:0;transition:transform .2s,opacity .2s;background:#3f5847;color:#fffef6;box-shadow:0 8px 25px #1d3b3d15;padding:12px 18px;border-radius:13px;font-size:12px;max-width:calc(100% - 32px);width:max-content;z-index:1000;pointer-events:none;line-height:1.8}#toast button{margin-left:12px;color:#d4dfb6;text-decoration:underline;pointer-events:auto}.login-shell{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:25px}.login-card{max-width:385px;width:100%;padding:35px 28px;border-radius:25px;background:var(--paper);border:1px solid var(--line)}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:23px;letter-spacing:1px;margin-bottom:8px}.login-card p{font-size:12px;color:#a2ae93;line-height:2;margin-bottom:25px}.login-card input{font-size:26px;letter-spacing:10px;text-align:center;margin-bottom:20px}.login-card .button{width:100%}.boot{min-height:90svh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#769167;gap:12px}.boot-leaf{font-size:45px;color:#a0b58c}.boot p{font-size:20px;letter-spacing:4px}.boot small{font-size:11px;color:#a6b097;letter-spacing:2px}.page-error{text-align:center;padding:50px 15px}.page-error p{margin:12px 0;color:#9aa88b;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trash-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e9edde}.trash-row .record-info{flex:1}.trash-row .button{font-size:10px;min-height:35px;padding:6px 12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:appear .25s ease}.analysis-empty{font-size:11px;color:#a8b298;text-align:center;margin-top:8px}.no-scroll{overflow:hidden}
@media(min-width:1400px){.workspace{padding-left:61px;padding-right:61px}.hero{grid-template-columns:1fr 300px}.hero-art{width:300px}}
@media(max-width:1150px){.workspace{padding:28px 30px}.app-shell{grid-template-columns:192px 1fr}.sidebar{padding-left:24px;padding-right:17px}.brand-name{font-size:20px}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:18px}.card{padding:21px}.stack{gap:18px}.hero{grid-template-columns:1fr 230px}.hero-art{width:240px}.hero-content{padding:26px}.hero-total{font-size:41px}.stats-grid{gap:18px}.donut-wrap{gap:20px}.donut{width:145px;height:145px}.settings-layout{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:960px) and (min-width:701px){.app-shell{grid-template-columns:168px 1fr}.sidebar{padding:30px 15px}.sidebar .brand{gap:8px}.brand-name{font-size:18px}.brand-sub{font-size:8px;letter-spacing:1.4px}.brand-mark{width:35px;height:35px;border-radius:12px}.side-nav button{padding:0 13px;gap:12px;font-size:12px}.workspace{padding:28px 25px}.content-grid{grid-template-columns:1fr}.stack{display:contents}.entry-ai{grid-row:2}.hero-art{width:215px}.hero{grid-template-columns:1fr 190px}.hero-content{padding:25px}.hero-total{font-size:37px}.stats-grid,.settings-layout{grid-template-columns:1fr}.stat-wide{grid-column:auto}.sidebar .side-note{padding:17px 12px}.side-note p{font-size:13px}}
@media(max-width:700px){body{font-size:13px}.app-shell{display:block;min-height:100svh}.sidebar{display:none}.workspace{padding:22px 19px 110px}.topbar{margin-bottom:26px}.breadcrumb,.top-date{display:none}.mobile-brand{display:flex}.brand-mark{height:33px;width:33px;border-radius:11px}.brand-mark .icon{width:22px;height:22px}.brand-name{font-size:18px;letter-spacing:2px}.brand-sub{display:none}.brand{gap:8px}.topbar-right{gap:11px}.round-btn{width:34px;height:34px;background:#ecf0e3;border-color:#e2e8d7}.round-btn .icon{width:17px;height:17px}.page-intro{margin-bottom:22px;align-items:center}.page-intro h1{font-size:24px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:6px}.intro-sub{font-size:10px;margin-top:4px;line-height:1.9}.page-intro>.button{font-size:11px;min-height:38px;padding:8px 12px}.desktop-only{display:none!important}.pill{font-size:9px;padding:5px 9px;gap:4px}.pill .icon{width:11px;height:11px}.hero{min-height:224px;grid-template-columns:1fr 133px;border-radius:20px;margin-bottom:18px}.hero-content{padding:23px 20px;width:max-content;max-width:100%}.hero-label{font-size:10px;gap:7px}.hero-label .icon{height:13px;width:13px}.hero-total{font-size:37px;letter-spacing:-1.4px;margin-top:11px;position:relative;z-index:1}.hero-total .currency{font-size:19px;vertical-align:4px;margin-right:5px}.hero-total .decimal{font-size:23px}.hero-desc{font-size:9px;margin-top:2px;max-width:220px;line-height:1.8;gap:5px}.hero-desc .icon{width:11px;height:11px}.hero-stats{margin-top:24px;gap:18px;width:290px;max-width:calc(100vw - 76px)}.hero-stat:not(:last-child){padding-right:18px}.hero-stat label{font-size:9px}.hero-stat strong{font-size:15px}.hero-stat small{font-size:9px}.hero-art{width:180px;height:203px;position:absolute;right:-22px;bottom:26px;opacity:.83;pointer-events:none}.hero-stamp{right:13px;top:20px;font-size:8px;letter-spacing:1.7px}.content-grid{display:flex;flex-direction:column;gap:17px}.content-grid>.stack{display:contents}.card{width:100%;padding:21px 19px;border-radius:18px}.journey{order:1;padding:19px 16px 16px}.entry-ai{order:2}.quick-card{order:3}.list-card{order:4}.budget-card{order:5}.quiet-quote{order:6;margin-top:2px}.card-head{margin-bottom:17px}.section-label{font-size:14px}.section-label .icon{width:17px;height:17px}.card-kicker{font-size:9px}.journey-track{margin-top:19px}.step-circle{width:36px;height:36px}.step-circle .icon{width:18px;height:18px}.journey-track:before{top:18px}.journey-step{gap:7px;font-size:10px;min-height:68px}.step-sub{font-size:8px}.journey-hint{font-size:9px;margin-top:6px;padding-top:14px}.journey-hint .text-btn{font-size:9px;min-height:24px}.ai-symbol{height:27px;width:27px;border-radius:9px}.ai-title{gap:8px}.entry-ai .card-head{margin-bottom:13px}.ai-desc{font-size:11px;margin-bottom:13px}.compose-box{border-radius:12px;padding:2px 12px 8px}.compose-box textarea{height:77px;font-size:12px}.send-btn{height:30px;width:30px}.example{font-size:9px}.example button{font-size:10px}.note-line{font-size:9px;margin-top:11px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:13px 10px}.quick-button{font-size:10px;min-height:65px}.quick-button .category-icon{height:38px;width:38px;border-radius:13px}.list-card{padding-bottom:13px}.empty-state{padding:20px 5px 23px}.empty-illustration{height:65px;width:76px}.empty-state h3{font-size:15px}.empty-state p{font-size:10px}.record-name{font-size:12px}.record-meta{font-size:9px}.record-amount{font-size:14px}.budget-amount{font-size:22px}.footer-line{font-size:8px;margin-top:24px;letter-spacing:1.5px}.bottom-nav{display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffefaed;backdrop-filter:blur(18px);border-top:1px solid #e6ebdd;padding:9px 15px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #293d3403}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px;color:#a8b098;min-height:47px}.bottom-nav button .icon{width:20px;height:20px}.bottom-nav button.active{color:#64814d}.bottom-nav .nav-add{margin-top:-23px;gap:4px}.nav-add-circle{height:47px;width:47px;border-radius:17px;background:#607d4f;color:#fff;display:flex;align-items:center;justify-content:center;border:4px solid var(--bg);box-sizing:content-box;box-shadow:0 5px 15px #4f69481a}.nav-add-circle .icon{width:22px!important;height:22px!important}.mobile-only{display:block}.toolbar{gap:8px}.search-box{min-width:100%;order:0}.toolbar select{flex:1;max-width:none;font-size:11px;padding:9px 8px}.month-picker{flex-shrink:0;min-width:140px}.month-picker input{width:108px;font-size:10px}.summary-strip{padding:18px 17px;border-radius:16px;gap:9px;margin-bottom:18px}.summary-strip label{font-size:9px;margin-bottom:5px}.summary-strip strong{font-size:19px}.filter-row{gap:3px;margin-bottom:16px;justify-content:space-between}.filter-chip{font-size:10px;padding:6px 10px;min-height:31px}.stats-grid{grid-template-columns:1fr;gap:17px}.stat-wide{grid-column:auto}.donut-wrap{gap:25px;padding:15px 0}.donut{width:140px;height:140px}.donut-center{inset:15px}.donut-center strong{font-size:18px}.donut-center small{font-size:9px}.chart-key{max-width:210px}.legend-row{font-size:9px}.bar-chart{gap:16px}.phase-budget-grid{gap:13px;grid-template-columns:1fr}.phase-title{margin-bottom:14px}.budget-phase-card{padding:19px}.budget-save-bar{align-items:flex-start}.budget-save-bar p{font-size:10px}.budget-save-bar .button{min-height:42px;font-size:12px}.settings-layout{grid-template-columns:1fr;gap:17px}.field-row{gap:11px}.settings-layout .stack{gap:17px}.settings-actions .button{font-size:11px}.settings-layout .field input,.settings-layout .field select{font-size:13px}.demo-banner{font-size:10px;padding:9px 12px}.demo-banner button{font-size:10px}#sheet{position:fixed;top:auto;bottom:0;margin:0;left:0;right:0;max-width:none;width:100%;border-radius:24px 24px 0 0;max-height:94svh}#sheet:before{content:"";display:block;width:32px;height:4px;background:#e0e6d5;border-radius:4px;margin:10px auto -3px}.sheet-content{padding:20px 22px calc(24px + env(safe-area-inset-bottom))}.sheet-top{margin-bottom:20px}.sheet-top h2{font-size:18px}.sheet-top p{font-size:10px}.amount-field input{font-size:39px}.amount-field{margin-bottom:22px}.sheet-actions{position:sticky;bottom:0;background:var(--paper);padding-top:7px;margin-top:16px}.sheet-actions .button{min-height:47px}.field input,.field select,.field textarea,.preview-item input,.preview-item select{font-size:16px}.form-categories{gap:12px 5px;margin-bottom:22px}.form-category{font-size:9px}.preview-item .field-row{gap:8px}.preview-item input,.preview-item select{font-size:14px}.preview-item .field>label{font-size:10px}#toast{bottom:94px;font-size:11px}.pair-code{font-size:32px}.alert{font-size:10px}.quiet-quote{font-size:11px}.topbar .round-btn[title]{min-height:34px}.page-content{animation-duration:.2s}}
@media(max-width:370px){.workspace{padding-left:14px;padding-right:14px}.hero-content{padding-left:17px}.hero-total{font-size:33px}.hero-art{right:-38px;opacity:.7}.hero-stats{gap:14px}.hero-stat:not(:last-child){padding-right:14px}.hero-stat strong{font-size:14px}.page-intro h1{font-size:22px}.page-intro .pill{font-size:8px}.card{padding-left:16px;padding-right:16px}.sheet-content{padding-left:18px;padding-right:18px}.summary-strip strong{font-size:17px}.filter-chip{padding:6px 8px}.donut-wrap{gap:17px}.donut{height:122px;width:122px}.legend-row{font-size:9px}}
@media(max-width:700px){.intro-stats{flex-wrap:wrap;gap:16px}.intro-stats>div:first-child{width:100%}.intro-stats>.month-picker{width:176px;flex:none}.intro-sub{font-size:11px}.record-name{font-size:13px}.record-meta{font-size:10px}.ai-desc{font-size:12px}.compose-foot{font-size:10px}.progress-label{font-size:11px}.day-head{font-size:11px}.legend-row{font-size:10px}.field-label,.field>label{font-size:12px}.card-kicker{color:#96a086}.journey-hint{color:#879775}}
@media(max-width:700px){.donut-wrap{flex-direction:column;gap:20px}.donut{height:158px;width:158px}.chart-key{width:100%;max-width:none}.legend-row{font-size:11px;min-height:28px}.legend-row>span:nth-child(2){white-space:nowrap}.legend-row .value{font-size:11px}.donut-center strong{font-size:20px}.donut-center small{font-size:10px}}
.brand-sub{font-size:8px;letter-spacing:1.6px;white-space:nowrap}
.cat-insemination{background:#e6efec;color:#7c9e93}.cat-ivf{background:#efe8f4;color:#a18ab4}.planning-options{margin-bottom:20px}.quick-card .planning-options{padding-bottom:18px;border-bottom:1px solid #edf0e5}.planning-options-label{font-size:11px;color:#9ba88a;margin-bottom:11px}.planning-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.planning-option{display:flex;align-items:center;text-align:left;gap:10px;padding:13px 11px;background:#f5f7ef;border:1px solid #e6ebdc;border-radius:13px;min-height:72px}.planning-option>span:nth-child(2){flex:1;min-width:0}.planning-option strong{display:block;font-size:12px;font-weight:500;color:#6d825d}.planning-option small{display:block;font-size:10px;color:#a0ac91;margin-top:3px}.planning-option>.icon{width:12px;height:12px;color:#a8b59c}.planning-option .category-icon{width:33px;height:33px;border-radius:11px}.planning-option:hover{background:#eef3e6}
@media(max-width:700px){.planning-options-grid{gap:9px}.planning-option{gap:7px;padding:12px 9px}.planning-option strong{font-size:11px;line-height:1.6}.planning-option small{font-size:9px}.planning-option>.icon{display:none}.planning-option .category-icon{height:30px;width:30px}.planning-options-label{font-size:10px}}
@media(max-width:370px){.planning-option{padding:10px 7px;gap:6px}.planning-option strong{font-size:10px}.planning-option .category-icon{height:27px;width:27px}.planning-option .category-icon .icon{height:16px;width:16px}}
.cat-preparation{background:#e9efde;color:#839e69}.planning-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planning-option{flex-direction:column;text-align:center;justify-content:center;gap:8px;padding:14px 8px}.planning-option strong{font-size:12px}.planning-option small{line-height:1.6}.planning-option>span:nth-child(2){flex:none}.funding-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 19px}.funding-summary>div{background:#eef2e6;border:1px solid #e5ebdc;border-radius:14px;padding:16px 14px;min-width:0}.funding-summary label{display:block;color:#8b9d7a;font-size:10px;line-height:1.7;margin-bottom:5px}.funding-summary strong{display:block;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.funding-summary .cash-highlight{background:#dfead4;border-color:#d4e2c6}.funding-summary .cash-highlight label{color:#73895e}.funding-warning{display:flex;align-items:flex-start;gap:7px;color:#ae8e66;background:#f8efe1;border:1px solid #f0e5d1;border-radius:12px;font-size:11px;line-height:1.9;padding:10px 13px;margin:0 0 18px}.funding-warning .icon{height:14px;width:14px;margin-top:3px}.payment-editor{background:#f5f7ef;border:1px solid #e3e9d8;border-radius:14px;padding:15px 13px;margin:5px 0 20px}.payment-editor>.field{margin-bottom:10px}.payment-editor .field>label{font-size:11px}.payment-editor select{background:#fffef8}.payment-parts[hidden]{display:none}.payment-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-inputs .field{margin-bottom:6px}.payment-inputs input{padding:9px 8px;font-size:15px;font-variant-numeric:tabular-nums;background:#fffef8}.payment-check-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;font-size:10px;color:#869b73;line-height:1.8}.payment-check-row .text-btn{font-size:10px;white-space:nowrap;min-height:31px}.payment-invalid{color:#b6876d}.payment-hint{font-size:10px;margin-top:8px}.record-amount strong{display:block;font-size:14px;font-weight:500}.record-amount small{display:block;font-size:9px;font-weight:400;color:#a1ab95;text-align:right;margin-top:3px}.stats-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.stats-controls select{width:155px;font-size:12px;background:var(--paper)}.stats-segment{display:inline-flex;background:#edf1e5;border-radius:11px;padding:4px;gap:4px;flex-shrink:0}.stats-segment button{padding:7px 12px;font-size:11px;min-height:32px;border-radius:8px;color:#96a487}.stats-segment button.active{background:#fffefa;color:#667f52;box-shadow:0 2px 4px #293d3406}.stat-search{margin-bottom:15px}.stats-list-note{font-size:10px;line-height:1.9;color:#a1ac93;margin-bottom:6px}.expense-stat-row{display:block;text-align:left;width:100%;padding:17px 0;border-bottom:1px solid #edf0e4}.expense-stat-row:last-child{border:0;padding-bottom:1px}.expense-stat-head{display:flex;align-items:center;gap:11px}.expense-stat-head>.icon{height:12px;width:12px;color:#afbaa1}.expense-stat-head .category-icon{height:35px;width:35px;border-radius:12px}.stat-project-name{flex:1;min-width:0}.stat-project-name>strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;color:#6e835d}.stat-project-name>small{display:block;font-size:10px;color:#a1af92;margin-top:4px}.stat-cash{text-align:right;flex-shrink:0}.stat-cash small{display:block;font-size:9px;color:#98aa88}.stat-cash strong{display:block;font-size:19px;font-weight:500;color:#607d4d;letter-spacing:-.3px}.expense-stat-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 0 0 46px;gap:9px}.expense-stat-parts small{display:block;color:#a1ad95;font-size:9px}.expense-stat-parts strong{display:block;color:#879a76;font-size:12px;font-weight:400;margin-top:2px;font-variant-numeric:tabular-nums}.stat-zero .stat-cash strong,.stat-zero .expense-stat-parts strong{color:#a8b29c}.stat-zero .stat-project-name strong{color:#93a383}.detail-gross{display:flex;align-items:center;justify-content:space-between;background:#ebf0e1;border-radius:12px;padding:13px 14px;margin-bottom:17px;color:#82966e;font-size:12px}.detail-gross strong{font-size:21px;font-weight:500;color:#647e52}.funding-table-wrap{overflow-x:auto;margin-bottom:20px}.funding-table{border-collapse:collapse;width:100%;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.funding-table th,.funding-table td{padding:11px 7px;border-bottom:1px solid #e8edde;white-space:nowrap}.funding-table thead th{font-size:10px;color:#a2ae95;font-weight:400;background:#f6f8ef}.funding-table tbody th{text-align:left;font-weight:400;color:#82976c}.funding-table tbody td{color:#6d8658}.funding-table tbody tr:last-child td,.funding-table tbody tr:last-child th{border-bottom:0}.detail-record-heading{font-size:13px;color:#8a9c78;margin:22px 0 6px}#preview-funding{margin-top:21px}#preview-funding .funding-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#preview-funding .funding-summary strong{font-size:19px}
@media(max-width:700px){.funding-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.funding-summary>div{padding:14px 12px}.funding-summary label{font-size:10px}.funding-summary strong{font-size:20px}.funding-warning{font-size:10px;padding:10px 11px}.planning-option{padding:13px 6px;gap:7px}.planning-option strong{font-size:11px}.planning-option small{font-size:9px}.stats-controls{gap:9px;margin-bottom:17px}.stats-controls select{width:130px;font-size:11px}.stats-segment{gap:2px}.stats-segment button{font-size:10px;padding:6px 10px;min-height:32px}.item-statistics .card-head{align-items:flex-start;gap:6px}.item-statistics .section-label{font-size:13px}.item-statistics .section-label .icon{height:15px;width:15px}.stats-list-note{font-size:9px}.expense-stat-head{gap:9px}.expense-stat-head .category-icon{height:32px;width:32px;border-radius:10px}.stat-project-name>strong{font-size:12px}.stat-project-name>small{font-size:9px}.stat-cash strong{font-size:17px}.stat-cash small{font-size:9px}.expense-stat-parts{padding-left:41px;gap:8px}.expense-stat-parts small{font-size:9px}.expense-stat-parts strong{font-size:11px}.payment-editor{padding:14px 11px;margin-bottom:18px}.payment-editor select{font-size:14px}.payment-inputs{gap:7px}.payment-inputs input{font-size:15px;padding:9px 7px}.payment-inputs .field>label{font-size:10px;min-height:30px;display:flex;align-items:center}.payment-check-row{font-size:10px;flex-wrap:wrap;gap:3px}.payment-hint{font-size:10px}.record-amount strong{font-size:12px}.record-amount small{font-size:9px}.record-meta{font-size:9px}.funding-table{font-size:10px}.funding-table th,.funding-table td{padding:10px 5px}.detail-gross strong{font-size:20px}}
@media(max-width:370px){.planning-option strong{font-size:10px}.planning-option small{font-size:8px}.expense-stat-head{gap:7px}.stat-cash strong{font-size:15px}.stat-project-name>strong{font-size:11px}.expense-stat-parts{padding-left:0}.stats-controls .stats-segment button{padding:6px 8px}.stats-controls select{width:115px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.file-input{display:none!important}
.payment-heading,.note-attachment-header,.stats-sort-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.payment-heading{margin-bottom:7px;font-size:12px;color:#7d926a}
.payment-heading .text-btn{font-size:11px;min-height:36px}
.note-attachment-header{margin-top:8px}
.note-attachment-header small{font-size:10px;color:#9da98f}
.note-attachment{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e7ecdf}
.note-attachment>a{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.note-attachment img{width:46px;height:46px;object-fit:cover;border:1px solid #e0e7d6;border-radius:8px}
.note-attachment>a>.icon{width:26px;height:26px;color:#9bad8a;margin:0 10px}
.note-attachment a>span{min-width:0;flex:1}
.note-attachment strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere;color:#778c65}
.note-attachment small{display:block;font-size:10px;color:#a1ad95;margin-top:3px}
.note-attachment>button{width:38px;height:42px;color:#b2a28d;flex-shrink:0}
.note-attachment>button .icon{width:17px;height:17px}
.bill-preview{display:flex;align-items:center;gap:10px;background:#f2f4e9;border-radius:10px;padding:9px;margin:3px 0 10px}
.bill-preview img{height:56px;width:44px;object-fit:cover;border-radius:5px}
.bill-preview>span{flex:1;min-width:0;font-size:11px;color:#82906f;overflow-wrap:anywhere}
.bill-preview>button{height:36px;width:30px;color:#a1ad90}
.bill-preview .icon{height:16px;width:16px}
.compose-foot>.text-btn{font-size:11px;gap:5px}
.compose-foot>.send-btn{flex-shrink:0}
.receipt-source{margin:16px 0;border:1px solid #e3e9d9;border-radius:12px;padding:11px 13px;color:#83976e;font-size:11px}
.receipt-source summary{cursor:pointer;line-height:1.8}
.receipt-source img{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:12px auto}
.receipt-source pre{background:#f2f5eb;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 var(--sans);padding:12px;border-radius:8px;max-height:260px;overflow:auto;color:#7c8f69}
.recognized-payment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}
.recognized-payment>div{background:#f0f4e8;border-radius:10px;padding:12px 9px;min-width:0}
.recognized-payment span{display:block;color:#96a786;font-size:10px}
.recognized-payment strong{display:block;font-size:16px;font-weight:500;color:#6e865a;margin-top:5px;overflow-wrap:anywhere}
.pending-receipt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:#f6ecd9;color:#a68a5d;font-size:11px;border-radius:12px;margin-bottom:16px}
.pending-receipt button{text-decoration:underline;white-space:nowrap;min-height:30px}
.stats-sort-toolbar{margin:-8px 0 13px}
.stats-sort-toolbar .text-btn{font-size:11px;gap:5px}
.expense-stat-entry{border-bottom:1px solid #e9edde;min-width:0}
.expense-stat-entry:last-child{border-bottom:0}
.expense-stat-entry .expense-stat-row{padding:17px 0;border:0}
.expense-stat-parts strong{overflow-wrap:anywhere}
.statistics-sort-list.is-sorting .expense-stat-entry{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center}
.stat-drag-handle{display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;color:#98a988;min-height:48px;border-radius:9px;padding:0}
.stat-drag-handle:active{cursor:grabbing}
.stat-drag-handle .icon{width:20px;stroke-width:3}
.stat-order-arrows{display:flex;flex-direction:column;gap:4px}
.stat-order-arrows>button{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff3e7;width:30px;min-height:32px;color:#8c9f78;padding:0}
.stat-order-arrows .icon{width:14px;height:14px}
.expense-stat-entry.is-dragging{background:#eaf0e1;border-radius:12px;box-shadow:0 5px 20px #4e6a3820;outline:1px solid #bfcea9}
.sorting-active{user-select:none;cursor:grabbing}
.login-password{display:flex;gap:8px;align-items:center;border:1px solid #dfe6d5;background:#fffefb;border-radius:12px;padding:0 13px;margin:9px 0 21px}
.login-password>.icon{width:18px;height:18px;color:#96a685}
.login-card .login-password input{border:0;background:none;text-align:left;font-size:16px;letter-spacing:2px;margin:0;padding:12px 4px;min-height:49px}
.login-password:focus-within{outline:2px solid #b7c9ad;outline-offset:1px}
.login-card .login-password input:focus{outline:0}
.login-card p.login-foot{font-size:10px;letter-spacing:1px;margin:25px 0 0;text-align:center;color:#a8b198}
.login-card{box-shadow:0 15px 60px #5b744c08}
.login-card .field-label{color:#80936e;font-size:12px}
.image-grid,.note-images-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.note-images-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.image-card{min-width:0;position:relative;border:1px solid #e2e8d9;background:#f4f6ed;border-radius:12px;padding:6px;overflow:hidden}
.image-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:100px;border-radius:8px;background:#fffef9;padding:0;overflow:hidden}
.image-thumb img{display:block;width:100%;height:100%;object-fit:contain;margin:0;max-height:none}
.note-images-grid .image-thumb{height:132px}
.image-name{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;color:#889b74;margin:5px 3px 1px}
.image-number{position:absolute;left:11px;top:11px;background:#42644ddd;color:#fff;font-size:10px;line-height:21px;min-width:21px;text-align:center;border-radius:6px;pointer-events:none}
.image-remove{position:absolute;right:1px;top:1px;border-radius:50%;width:34px;height:34px;color:#8e785f;background:#fffdf3ed;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px #46583c12}
.image-remove .icon{width:15px;height:15px}
.image-selection-hint{font-size:10px;line-height:1.8;color:#91a080;margin:9px 0 12px}
.receipt-source .image-thumb img{margin:0;max-width:100%;max-height:none}
.receipt-source .image-grid{margin-bottom:4px}
.note-attachment-header{flex-wrap:wrap}
#imageViewer{padding:20px;border:0;border-radius:20px;background:#fffef8;color:var(--ink);max-width:calc(100% - 24px);width:760px;max-height:94svh;overflow:auto;box-shadow:0 20px 100px #20352945}
#imageViewer::backdrop{background:#16261ed9;backdrop-filter:blur(4px)}
.image-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.image-viewer-head>div{min-width:0;flex:1}
.image-viewer-head h2{font-size:15px;color:#647d52;font-weight:500}
.image-viewer-head p{font-size:10px;color:#97a48b;overflow-wrap:anywhere;margin-top:4px}
.image-viewer-stage{background:#edf1e5;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:auto}
.image-viewer-stage>img{display:block;max-width:100%;max-height:66svh;object-fit:contain}
.image-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:11px;color:#91a17f}
.image-viewer-controls .button{padding:9px 12px;font-size:11px;min-height:42px}
.image-viewer-controls button:disabled{cursor:default}
.note-attachment>.attachment-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;width:auto;height:auto;min-height:46px;text-align:left;color:inherit;padding:0}
.attachment-open>span{flex:1;min-width:0}.attachment-open>.icon{width:26px;height:26px;color:#9bad8a;margin:0 10px}
.pdf-preview{width:100%;height:66svh;border:0;border-radius:10px;background:white}
.pdf-document{width:100%;padding:10px;max-height:66svh;overflow:auto;background:#e5eadc}.pdf-document>canvas{display:block;width:100%;height:auto;background:white;border-radius:4px;box-shadow:0 3px 14px #374a2715}.pdf-document>#pdfStatus{margin:0 0 10px;text-align:center}.pdf-pages{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#82976c;margin-top:8px}
#attachmentTextPreview{width:100%;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 var(--sans);color:#6e845c;max-height:66svh;overflow:auto;margin:0}
.document-preview{padding:35px 20px;text-align:center;width:100%;color:#869b74}.document-preview>.icon{width:52px;height:52px;margin-bottom:16px}.document-preview strong{display:block;font-size:14px;overflow-wrap:anywhere}.document-preview p{font-size:12px;line-height:1.9;margin-top:12px}
.pending-upload{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ac8965;background:#f8efe2;border-radius:9px;padding:5px 10px;font-size:10px;margin-top:7px}.pending-upload>span{overflow-wrap:anywhere;min-width:0}
.recovered-file{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px 0;border-bottom:1px solid #e7ecdf}.recovered-file>span{flex:1;min-width:0;overflow-wrap:anywhere}.recovered-file>button:first-child{padding:0}.recovered-file img{width:54px;height:58px;border-radius:7px;object-fit:contain;background:#fffef8;border:1px solid #e0e8d7}.recovered-file>.icon{width:26px;color:#9bad8a}.recovered-file>.text-btn{white-space:nowrap}
.bill-mode{border:1px solid #dce5d2;border-radius:12px;padding:12px;margin:12px 0 5px;min-width:0}
.bill-mode legend{padding:0 5px;font-size:11px;color:#71875e}.bill-mode label{display:flex;align-items:flex-start;gap:9px;padding:8px 0;cursor:pointer}.bill-mode input{width:16px;height:16px;min-height:16px;padding:0;margin:2px 0 0;accent-color:#7d966b;flex:none}.bill-mode span{min-width:0}.bill-mode strong{display:block;font-size:12px;font-weight:500;color:#5f7951}.bill-mode small{display:block;font-size:10px;line-height:1.7;color:#93a184;margin-top:3px}
.recognition-mode-summary{padding:10px 12px;background:#edf2e6;border-radius:10px;font-size:12px;line-height:1.8;color:#748962;margin:12px 0}
.entry-facts{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;margin:16px 0 22px;color:#899b77}.entry-facts>span{padding:6px 10px;background:#f0f3e8;border-radius:7px;overflow-wrap:anywhere}.entry-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#778a67;background:#f7f8f0;border-radius:10px;padding:14px}.entry-source{margin-top:24px;font-size:10px;color:#9daa8e;line-height:1.8}
.activity-controls,.activity-history{margin-bottom:22px}.activity-controls .checkbox-label{margin:0;white-space:nowrap;font-size:12px}.activity-controls .card-head{flex-wrap:wrap}.activity-controls .settings-actions{margin-top:18px}.activity-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-filters label{font-size:11px;color:#879a73}.activity-filters select{display:block;width:100%;margin-top:7px}.activity-search{display:flex;gap:10px;margin-top:16px}.activity-search input{flex:1;min-width:0}.activity-search .button{flex:none}.activity-count{font-size:10px;color:#9ba88e;margin:22px 0 5px}
.activity-event{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:19px 0;border-bottom:1px solid #e8eddf;min-width:0}.activity-dot{width:8px;height:8px;background:#b4c7a2;border-radius:50%;flex:none}.activity-event.error .activity-dot{background:#ce9381}.activity-event.warning .activity-dot{background:#d7bc86}.activity-event-body{flex:1;min-width:0}.activity-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.activity-event-head strong{font-size:13px;line-height:1.8;color:#6e845d;font-weight:500;overflow-wrap:anywhere}.activity-event-head small{font-size:10px;color:#99aa8b;flex:none;line-height:2.1}.activity-event time{font-size:10px;line-height:1.8;color:#a0ad93;display:block;margin-top:4px}.activity-event>.icon{width:14px;height:14px;flex:none;color:#a8b79a}.activity-status{display:inline-block;font-size:9px;color:#a98a67;background:#f6efdf;border-radius:4px;padding:2px 6px;margin-top:5px}.activity-more{display:flex;margin:24px auto 0}
.activity-data{margin:12px 0;min-width:0}.activity-data>div{border-bottom:1px solid #e9edde;padding:11px 0;min-width:0}.activity-data dt{font-size:10px;color:#99a88a;margin-bottom:6px}.activity-data dd{margin:0;font-size:12px;line-height:1.85;color:#71855f;overflow-wrap:anywhere;white-space:pre-wrap}.activity-data .activity-data{margin:0 0 0 10px;border-left:2px solid #e5ebdb;padding-left:10px}.activity-data-list>div{padding:8px 0;min-width:0}.activity-data-list>div>small{font-size:10px;color:#a2ad95;display:block;margin-bottom:5px}.activity-diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.activity-diff>div{padding:10px;border-radius:9px;background:#f5f2e8;min-width:0}.activity-diff>div:last-child{background:#edf3e5}.activity-diff small{display:block;font-size:9px;color:#a1ac95;margin-bottom:3px}
@media(max-width:700px){
 .activity-controls .settings-actions .button{width:100%}.activity-event{gap:9px}.activity-event-head{display:block}.activity-event-head small{display:block}.activity-controls .section-label{font-size:14px}.activity-data dd{font-size:11px}.activity-diff{gap:7px}.activity-diff>div{padding:8px}.entry-facts{gap:6px}
 .note-attachment strong{font-size:11px}.recognized-payment strong{font-size:14px}
 .statistics-sort-list.is-sorting .expense-stat-entry{grid-template-columns:26px minmax(0,1fr) 28px;gap:6px}
 .stat-order-arrows>button{width:28px;min-height:36px}.is-sorting .expense-stat-parts{padding-left:0}
 .is-sorting .stat-cash strong{font-size:15px}.is-sorting .expense-stat-head>.category-icon{display:none}
 .is-sorting .stat-project-name>strong{font-size:11px}.is-sorting .stat-project-name>small{font-size:9px}
 .is-sorting .expense-stat-parts strong{font-size:10px}.is-sorting .expense-stat-head>.icon{display:none}
 .login-shell{padding:24px}.login-card{padding:32px 25px}
 #imageViewer{padding:16px;max-width:calc(100% - 18px)}.image-grid{gap:7px}.image-thumb{height:94px}.image-name{font-size:9px}.note-images-grid .image-thumb{height:120px}
}