@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243b35;background:#f7f8f4;font-size:14px}*{box-sizing:border-box}body{margin:0}.shell{max-width:1240px;margin:auto;padding:0 40px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9e3}.brand{text-decoration:none;color:#39755e;font-size:25px;display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-1px}.brand>span{font-size:19px;color:#233c32}.brand-light{font-weight:400}.quiet,.icon-button,.text-button{background:none;border:0;color:#698076;cursor:pointer}.quiet{font-size:13px}.hero{display:flex;align-items:end;justify-content:space-between;padding:68px 0 64px}.eyebrow{color:#668b78;font-size:10px;letter-spacing:2px;font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:#67a784;border-radius:50%;margin-right:6px}h1,h2,h3,p{margin:0}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-1px}h1{font-size:64px;line-height:1.05;margin:17px 0}h1 em{color:#6c9d7f;font-weight:400}.hero p,.panel p,.login p{line-height:1.7;color:#829189;max-width:490px}.primary{background:#326e56;color:white;text-decoration:none;border:0;border-radius:7px;padding:14px 19px;font-weight:700;font-size:12px;cursor:pointer;display:inline-block}.primary:hover{background:#245741}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head h2,.panel h2{font-size:32px;margin-top:8px}.count{font:600 12px 'DM Sans';color:#769385;background:#e7eee8;padding:5px 9px;border-radius:20px;vertical-align:middle}.subtle{color:#9baaa1;font-size:12px}.accounts{display:grid;gap:22px}.account,.panel,.empty,.schedule-list{background:#fff;border:1px solid #e5ebe5;border-radius:12px;box-shadow:0 4px 20px #2c573a06}.account{padding:27px 30px}.account-top,.account-title,.balance-row,.chart-head,.list-item,.list-right{display:flex;align-items:center;justify-content:space-between}.account-title{justify-content:start;gap:13px}.account-icon,.empty-icon{width:44px;height:44px;border-radius:10px;background:#e7f1e9;display:grid;place-items:center;color:#4a8968;font-family:Georgia;font-size:23px}.account-title h3{font-size:16px}.account-title span,.label,.list-heading{font-size:10px;letter-spacing:1.3px;color:#9aaa9f;font-weight:700}.account-title span{display:block;margin-top:5px}.icon-button{font-size:21px;padding:2px 6px}.balance-row{padding:30px 0}.balance{font-family:'DM Serif Display',Georgia;font-size:39px;margin-top:6px}.balance small{font:500 13px 'DM Sans';color:#91a198}.status{background:#eaf4eb;color:#609071;padding:9px 12px;border-radius:6px;font-size:11px;font-weight:700}.status span{font-size:8px;margin-right:4px}.status.warn{background:#fff1e3;color:#b77843}.chart-head{border-top:1px solid #edf1ed;padding-top:22px}.chart-head strong{display:block;margin-top:7px;font-size:13px}.chart{margin-top:20px}.chart svg{width:100%;height:140px}.chart-axis{display:flex;justify-content:space-between;color:#a5b1aa;font-size:10px}.forecast-note{font-size:12px;color:#7e9085;margin:19px 0 22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions details{flex:1;min-width:220px}.actions summary{list-style:none;cursor:pointer;border:1px solid #dce8df;border-radius:6px;padding:12px;color:#428363;font-size:12px;font-weight:700;text-align:center}.actions summary::-webkit-details-marker{display:none}.actions details[open] summary{background:#f1f7f2}.form-grid,.stack{display:grid;gap:12px;padding:14px 0}label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#61796c}label small{font-weight:400}input,select{font:400 13px 'DM Sans';padding:12px;border:1px solid #dfe8e0;border-radius:6px;background:white;color:#304a3b;width:100%;min-width:0}input:focus,select:focus{outline:2px solid #a6cdb2}.lists{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:26px;border-top:1px solid #edf1ed;padding-top:23px}.list-heading span{float:right}.list-item{border-bottom:1px solid #f0f3f0;padding:12px 0;font-size:12px}.list-item small,.event-name small,.event-amount small{display:block;color:#9aa99f;font-size:10px;margin-top:5px}.list-right{gap:7px}.positive{color:#5d9671}.account-foot{font-size:10px;color:#a2b0a6;margin-top:20px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px}.panel{padding:30px}.panel p{font-size:12px;margin:12px 0 20px}.two{display:grid;grid-template-columns:2fr 1fr;gap:12px}.calendar-panel{background:#edf4ed;border-color:#e1eee2}.calendar-panel .copy-row{display:flex;gap:6px}.copy-row button{border:0;background:#d4e6d7;color:#397052;border-radius:6px;padding:0 12px;cursor:pointer;font-size:11px;font-weight:700}.hint{font-size:11px!important}.text-button,.text-link{color:#478667;font-weight:700;padding:0;font-size:12px}.schedule{margin:65px 0}.schedule-item{display:flex;align-items:center;gap:16px;padding:15px 22px;border-bottom:1px solid #eef2ed}.schedule-item:last-child{border:0}.date-box{background:#f1f6f1;border-radius:7px;width:48px;text-align:center;padding:7px;color:#5d896d}.date-box strong{display:block;font-size:17px}.date-box span{font-size:9px}.event-name{flex:1;font-size:12px}.event-amount{text-align:right;font-size:12px}.empty,.empty-schedule{text-align:center;padding:45px;color:#96a59b}.empty-icon{margin:0 auto 15px}.empty h3{color:#496352}.empty p{margin:10px 0 20px}.empty-schedule{font-size:12px}.login{max-width:420px;margin:100px auto}.login h1{font-size:60px}.login-form{display:grid;gap:18px;margin-top:30px}.login-form .primary{display:flex;justify-content:space-between}.notice{background:#e5f3e7;color:#39734d;padding:14px;margin-top:20px;border-radius:6px}.notice.error{background:#fff1e8;color:#a44f36}footer{border-top:1px solid #e4ebe4;color:#aab8ad;font-size:9px;letter-spacing:1.5px;padding:25px 0 35px}footer span{color:#6ea383}@media(max-width:700px){.shell{padding:0 20px}header{height:68px}.hero{padding:45px 0;display:block}h1{font-size:47px}.top-button{margin-top:22px}.account{padding:20px}.balance-row{display:block}.status{display:inline-block;margin-top:15px}.lists,.lower-grid{grid-template-columns:1fr}.lower-grid{margin-top:35px}.chart-head{align-items:start;gap:8px}.schedule{margin:45px 0}.section-head h2,.panel h2{font-size:28px}}
