@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{color:#18342d;font-synthesis:none;background:#f5f2e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#123d33;flex-direction:column;height:100vh;padding:30px 22px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:10px;font:600 21px Playfair Display;text-decoration:none;display:flex}.brand span{border:1px solid #aac7b1;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}nav{gap:7px;margin-top:60px;display:grid}nav a{color:#c7d8d1;border-radius:9px;padding:12px 14px;text-decoration:none}nav a.active,nav a:hover{color:#fff;background:#28584c}.family{border-top:1px solid #356057;align-items:center;gap:10px;margin-top:auto;padding-top:22px;display:flex}.family small,.family strong{display:block}.family small{color:#9fbab2;margin-top:3px}.avatar{color:#173f35;background:#d5b989;border-radius:50%;place-items:center;width:37px;height:37px;font-size:12px;font-weight:700;display:grid}main{width:100%;max-width:1500px;margin:auto;padding:42px clamp(22px,5vw,74px) 70px}header,.panel-head,.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{margin:5px 0;font:600 clamp(34px,5vw,52px) Playfair Display}h2,h3,p{margin-top:0}header p{color:#70847e}.eyebrow{text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px;font-size:11px;font-weight:700;color:#a0773a!important}.primary{color:#18342d;background:#d6a956;border:0;border-radius:10px;padding:13px 19px;font-weight:700;box-shadow:0 7px 18px #a9803b2b}.offline{color:#6e531d;background:#fff1c7;border-radius:8px;margin-bottom:20px;padding:10px 14px}.metric-grid{grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin:35px 0 22px;display:grid}.metric,.panel,.account{background:#fffdf8;border:1px solid #e8e2d4;border-radius:14px;box-shadow:0 4px 20px #3550470a}.metric{padding:24px}.metric p{color:#71817c;margin-bottom:13px;font-size:13px}.metric h2{margin-bottom:10px;font-size:27px}.metric span{color:#899791;font-size:12px}.metric.dark{color:#fff;background:#173f35;border:0}.metric.dark p,.metric.dark span{color:#b9cdc7}.green{color:#377961}.content-grid{grid-template-columns:1.25fr .9fr;gap:22px;display:grid}.panel{padding:24px}.panel h3,.accounts h3{margin:0;font:600 23px Playfair Display}.panel-head{border-bottom:1px solid #eee9df;padding-bottom:16px}.panel-head button,.section-title button{color:#32705d;background:0 0;border:0;font-size:12px;font-weight:600}.row,.reminder{border-bottom:1px solid #f0ece4;align-items:center;gap:13px;padding:14px 0;display:flex}.grow{flex:1}.row strong,.row small,.reminder strong,.reminder small{display:block}.row small,.reminder small,.account small{color:#86958f;margin-top:4px;font-size:11px}.transaction-icon,.date-badge{color:#3d755e;background:#edf1e8;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.date-badge{background:#f4ead9}.date-badge strong{line-height:1}.date-badge small{color:#a0773a;text-transform:uppercase;margin:0}.calendar{color:#325b50;background:0 0;border:1px solid #dcd7cb;border-radius:9px;justify-content:space-between;width:100%;margin-top:16px;padding:11px 13px;font-weight:600;text-decoration:none;display:flex}.accounts{margin-top:28px}.section-title{margin-bottom:15px}.account-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.account{padding:20px}.account-symbol{float:right;background:#dbe8df;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.tone-1{background:#efe2cd}.account p{color:#74847f;font-size:12px}.account h3{font-family:DM Sans;font-size:20px}.add-account{color:#3c7160;background:0 0;border:1px dashed #b9c2bc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:135px;font-weight:700;display:flex}.add-account small{color:#899791;font-weight:400}@media (width<=900px){.app-shell{display:block}aside{flex-direction:row;align-items:center;height:auto;padding:16px 20px;position:static}nav{display:none}.family{border:0;margin:0 0 0 auto;padding:0}.family div{display:none}main{padding-top:28px}.metric-grid,.content-grid{grid-template-columns:1fr}.account-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){header{align-items:flex-start}header .primary{padding:11px;font-size:0}header .primary:after{content:"+";font-size:22px}.metric-grid,.account-grid{grid-template-columns:1fr}.metric-grid{gap:10px}main{padding-inline:15px}.content-grid{gap:15px}}