:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#25433b;background:#f4f7f5;font-synthesis:weight;font-size:14px;font-weight:600;--green: #245e4c;--line: #e0e8e1;--muted: #74877a;--light: #edf4ec}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{border:1px solid #d6e2d8;background:#fff;border-radius:8px;min-height:38px;padding:9px 14px;color:#43644d;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}button:hover,.button:hover{background:#edf4ec;border-color:#99b39c}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#164734;color:#fff}.danger{color:#a74538;border-color:#e7cdc7}.ghost{border-color:transparent;background:transparent}.light{background:#e8efcf;color:#285540;border:0}.selected{background:#e5efdf!important;color:#245b3d!important}a{color:#2b6450;text-decoration:none}a:hover{color:#153f2f}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700}h1{font-size:28px;letter-spacing:-.7px;margin-bottom:10px}h2{font-size:19px;margin-bottom:18px}h3{font-size:15px}p{line-height:1.8}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#7f997d}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#fcfefd;border-right:1px solid var(--line);padding:28px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;margin-top:5px}.brand-mark{background:var(--green);color:#fff;border-radius:9px;padding:4px 10px;font-size:30px}.household{padding:18px 12px;border:1px solid var(--line);border-radius:10px;background:#f0f5f0;margin:28px 0 12px}.household small{display:block;margin-top:5px}.nav-label{font-size:10px;letter-spacing:1px;color:#81917c;margin:18px 13px 10px}nav{display:grid;gap:5px;overflow:auto}nav a{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:8px;color:#687f6a;font-size:15px}nav a span{font-size:13px}nav a.router-link-active:not([href="/"]),nav a.router-link-exact-active{background:#e5efe5;color:#265c42;font-weight:600}.sidebar-foot{margin-top:auto;padding:25px 10px 0;font-size:10px;color:#70866e;line-height:1.9}.sidebar-foot i{display:inline-block;width:6px;height:6px;background:#70a57a;border-radius:50%;margin-right:5px}.sidebar-foot small{font-size:10px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#ffffffdf;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 36px}.topbar>div{display:flex;align-items:center;gap:12px}.topbar b{font-weight:600;font-size:12px}.avatar{width:31px;height:31px;background:#e2eee3;display:grid;place-items:center;border-radius:50%;color:#467855}.page{max-width:1530px;padding:35px 36px 60px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.page-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:0}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;padding:25px;margin-bottom:24px;min-width:0}.hero{background:#204f40;color:#fff;border-radius:14px;padding:33px;display:flex;justify-content:space-between;align-items:center;min-height:260px;overflow:hidden;margin-bottom:24px}.hero h2{font-size:30px;line-height:1.5;font-weight:700}.hero p{font-size:12px}.hero .eyebrow{color:#b6cfa2}.hero-art{font-size:140px;position:relative;transform:rotate(-10deg);border:1px solid #b6d2a72a;border-radius:40px;color:#d4e3b5;width:220px;text-align:center;margin-right:35px}.hero-art span,.hero-art small{font-size:14px;position:absolute;background:#eff4df;color:#46705b;padding:15px 22px;border-radius:9px;white-space:nowrap}.hero-art span{top:-16px;left:-20px}.hero-art small{bottom:-12px;right:-50px;background:#e8e0bc}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stats .panel{margin-bottom:0}.stat span,.stat p,.stat a{font-size:11px;color:var(--muted)}.stat strong{display:block;font-size:29px;font-weight:700;margin:20px 0 14px;overflow-wrap:anywhere}.stat strong small{font-size:13px}.stat p{margin-bottom:0}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h2,.section-head p{margin-bottom:0}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.folder-grid>a{border:1px solid #eee9df;background:#fffdf9;padding:16px 12px;border-radius:9px}.folder-grid span{display:block;color:#b2a174;font-size:24px;margin-bottom:15px}.folder-grid b{font-size:12px;font-weight:600;display:block}.folder-grid small{font-size:10px;display:block;margin-top:8px}.reminder-line{padding:16px 0;border-bottom:1px solid #edf1e9;display:flex;align-items:center;gap:15px}.reminder-line b{flex:1;font-size:12px;font-weight:600}.date-tile{display:inline-flex;align-items:center;justify-content:center;background:#f1f5e9;border:1px solid #e3ebd9;min-width:58px;min-height:46px;border-radius:8px;color:#5d7853;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;font-size:11px;color:#829378;font-weight:600;background:#f5f8f2}th,td{padding:16px 12px;border-bottom:1px solid #edf1e8}td small{display:block;margin-top:5px;font-size:10px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.toolbar>select{width:auto;max-width:200px}.search{display:flex;gap:8px;flex:1;max-width:460px;margin:0}.search input{min-width:0}.view-switch{margin-left:auto;display:flex;gap:5px}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.record-card{display:block;border:1px solid var(--line);border-radius:10px;padding:20px;color:#345341;background:#fff;transition:box-shadow .15s}.record-card:hover{box-shadow:0 5px 18px #264c3810;border-color:#a7bba2}.record-symbol{display:inline-grid;place-items:center;width:44px;height:44px;background:#edf3e7;border-radius:10px;font-size:26px;margin-bottom:20px}.badge{padding:5px 8px;border-radius:5px;font-size:10px;background:#edf4e8;color:#718960;display:inline-block}.record-card>.badge{float:right;max-width:65%;overflow-wrap:anywhere}.record-card h3{font-size:15px;margin:0 0 12px;overflow-wrap:anywhere}.record-card p{font-size:12px;color:#768975;min-height:22px;overflow-wrap:anywhere}.record-card small{font-size:10px}.record-card footer{margin-top:20px;padding-top:14px;border-top:1px solid #edf1e8;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7b8e73}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:25px;color:var(--muted);font-size:12px}.pagination>span:first-child{margin-right:auto}.empty{text-align:center;color:#8c9b85;padding:45px 15px;font-size:13px}.tabs{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.tabs button{border:0;background:transparent}.modal-backdrop{position:fixed;inset:0;background:#133e335c;z-index:50;display:flex;align-items:center;justify-content:center;padding:25px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:780px;max-width:100%;max-height:92vh;overflow:auto;border-radius:15px;background:#fff;padding:25px;box-shadow:0 20px 70px #17372d38}.modal.narrow{width:500px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;align-items:center}.form-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.span-2{grid-column:1/-1}label:not(.check):not(.button){display:flex;flex-direction:column;gap:8px;font-size:12px;color:#5a7358;margin-bottom:18px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dbe5d5;border-radius:7px;padding:10px 12px;color:#36523a;background:#fff;min-height:41px}input:focus,select:focus,textarea:focus{outline:2px solid #99b79255;border-color:#87a779}input[type=checkbox]{accent-color:#376849;width:16px;height:16px;flex-shrink:0}input[type=file]{font-size:12px}label small{font-size:10px;line-height:1.7}fieldset{border:1px solid var(--line);border-radius:9px;padding:15px;min-width:0}legend{font-size:12px;color:#688260}.check{display:flex;align-items:center;gap:8px;font-size:12px;min-height:34px}.cascade{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px}.cascade-tabs{display:grid;align-content:start;gap:4px}.cascade-tabs button{border:0;background:#f7f9f2;font-size:11px;justify-content:flex-start;padding:9px}.choice-list{max-height:180px;overflow:auto;padding-top:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chips>a,.chips>button{font-size:11px;padding:6px 9px;min-height:30px;border-radius:5px;background:#f1f6e9}.error{color:#b2523f;font-size:12px;background:#fff4ef;padding:12px;border-radius:7px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:14px 22px;border-radius:10px;background:#25553e;color:#fff;z-index:100;box-shadow:0 5px 24px #20493144;max-width:90vw;font-size:13px;white-space:pre-wrap}.toast.failure{background:#984c3f}.detail-grid small{display:block;font-size:11px;margin-bottom:7px}.detail-grid strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.detail-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.detail-section h3{font-size:13px}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.inline-form>input,.inline-form>select{flex:1;min-width:110px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attachment{padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.attachment>span{overflow-wrap:anywhere;min-width:0}.attachment>div{display:flex;gap:5px}.attachment .button,.attachment button{padding:6px 10px;font-size:11px}.bill{background:#f6f9f1;border:1px solid var(--line);border-radius:8px;padding:16px;margin:12px 0}.bill .section-head{margin-bottom:8px;font-size:12px}.bill p{font-size:11px}.payment-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:11px}.history-line{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.history-line small{float:right}.history-line p{color:var(--muted);margin:8px 0 0}.soft-panel{padding:16px;margin-top:16px;background:#f5f8f0;border-radius:8px}.notice-row{display:flex;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.notice-row>div:first-of-type{flex:1;min-width:0}.notice-row p{font-size:11px;color:var(--muted);margin:5px 0 0}.notice-row b{font-size:13px}.warm{background:#fff1df;color:#ac8050}.location-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:10px 0}.location-line>div{display:flex;gap:5px}.location-line button{font-size:11px}.location-line .ghost{text-align:left;justify-content:flex-start;overflow-wrap:anywhere}.narrow{max-width:760px}.file-input{display:none}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:8vw;background:#f3f7f0}.auth-story h1{font-size:42px;line-height:1.5;font-weight:700}.auth-story p{color:#789073;font-size:14px}.auth-art{font-size:130px;color:#a5ba8f}.auth-form{padding:40px;max-width:440px;width:100%;box-shadow:0 10px 60px #34583d0b}.auth-form .brand{margin-bottom:35px;color:#285c42}.auth-form .primary{width:100%;margin-top:15px}.auth-form>.ghost{width:100%;margin-top:10px}details{margin-top:22px;font-size:12px}summary{cursor:pointer}main{min-width:0}@media(min-width:1600px){.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.page{padding:25px 22px}.sidebar{padding:22px 12px}.brand{font-size:21px}.home-grid{grid-template-columns:1fr}.stats,.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{margin-right:10px;width:170px;font-size:110px}.topbar{padding:0 22px}.auth-page{gap:35px;padding:6vw}.auth-story h1{font-size:32px}}@media(max-width:700px){:root{font-size:14px}.app-shell{display:block}.sidebar{position:static;height:auto;padding:15px 16px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px}.brand-mark{font-size:22px}.household,.sidebar-foot,.sidebar>.nav-label,nav>.nav-label{display:none}nav{display:flex;overflow-x:auto;margin-top:16px;padding-bottom:12px;gap:4px}nav>a{flex-shrink:0;padding:10px;font-size:13px}nav>a span{font-size:12px}.topbar{height:56px;padding:0 16px}.topbar>.muted{font-size:10px}.page{padding:22px 16px 40px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:20px}h1{font-size:24px}.page-heading .eyebrow{font-size:10px}.page-heading p{line-height:1.7}.hero{padding:25px;min-height:230px}.hero h2{font-size:25px}.hero-art{display:none}.stats{gap:12px}.stat{padding:17px}.stat strong{font-size:23px;margin:18px 0 12px}.stat p{line-height:1.6;font-size:10px}.panel{padding:18px 16px;margin-bottom:18px;border-radius:10px}.home-grid{gap:0}.section-head{flex-wrap:wrap}.section-head h2{font-size:17px}.folder-grid{gap:8px}.folder-grid>a{padding:12px 9px}.folder-grid b{font-size:11px}.folder-grid small{font-size:9px}.search{max-width:none;width:100%;flex-basis:100%}.search input{font-size:14px}.toolbar{gap:10px}.toolbar>select{flex:1;max-width:none}.view-switch button{font-size:11px;padding:7px 10px}.record-grid{grid-template-columns:1fr;gap:12px}.record-card{padding:17px}.record-card h3{font-size:16px}.record-card p{font-size:13px}.record-card small{font-size:12px}.modal-backdrop{padding:10px}.modal{padding:20px 16px;max-height:95vh;border-radius:12px}.form-grid,.detail-grid{grid-template-columns:1fr;gap:12px}.span-2{grid-column:auto}input:not([type=checkbox]),select,textarea{font-size:16px}label:not(.check):not(.button){font-size:12px;margin-bottom:12px}.cascade{grid-template-columns:100px minmax(0,1fr);gap:8px}.cascade-tabs button{font-size:10px;padding:8px 5px}.check{font-size:12px;overflow-wrap:anywhere;min-height:40px}.notice-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px}.notice-row>.badge{grid-column:2;justify-self:start}.notice-row>.actions{grid-column:2}.notice-row b{font-size:13px}.notice-row .actions>button{font-size:11px}.auth-page{display:flex;flex-direction:column;padding:35px 20px;gap:25px;justify-content:center}.auth-story h1{font-size:27px}.auth-story p,.auth-art{display:none}.auth-story{text-align:center}.auth-form{padding:26px;max-width:430px;margin:0}.auth-form .brand{margin-bottom:25px}.location-line{flex-wrap:wrap}.location-line>div{margin-left:auto}.payment-row{flex-wrap:wrap}.history-line small{float:none;display:block;margin-top:5px}.attachment{align-items:flex-start}.attachment>div{flex-shrink:0}.pagination{gap:7px}.pagination button{font-size:11px;padding:7px 10px}}.search button{white-space:nowrap;flex-shrink:0}