body{background:#f5f6f2}aside{width:246px;padding:32px 24px;background:#122e27;color:#c7d7d0;border:0}.logo{color:#f4f7ec}.logo span{background:#d3e6a4;color:#183f2f}aside small{color:#9aafa4}nav{margin-top:32px;gap:3px}nav button{color:#b9cdc3;padding:12px 15px}nav button.active{background:#2e4c3e;color:#e6f4c5}nav button:hover{background:#264539}.sidefoot{color:#95aea1}main{margin-left:246px;padding:28px 40px}.top{font-weight:400}.top b{font-weight:500;color:#687b70}.tag{background:#e8eedc}h1{font-size:34px;letter-spacing:-1.2px}.card{box-shadow:0 3px 14px #19332403}.kpi:first-child{background:linear-gradient(120deg,#1b6049,#143e32)}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bbb66;outline-offset:3px}.heading{margin:34px 0 26px}.balance-note{font-size:12px;color:#7a867e;margin:20px 0}.segmented{display:flex;gap:7px;background:#e9eee4;padding:5px;border-radius:12px;width:max-content}.segmented button{border:0;background:transparent;padding:11px 22px;border-radius:8px;color:#69766b}.segmented .on{background:#fff;color:#18553d;box-shadow:0 2px 8px #10281b0d}.product .primary{width:100%;margin-top:8px}.bankmark{background:#eaf0df;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:23px;font-weight:750;color:#2b5940;margin-bottom:16px}.product h2{margin:12px 0}.rate small{font-size:13px;font-weight:400}.back{border:0;background:none;color:#3c6951;padding:18px 0 0}.terms{height:max-content}.detailgrid{grid-template-columns:1.4fr 1fr}hr{border:0;border-top:1px solid #e6ebe2;margin:24px 0}details{border-bottom:1px solid #e7ece4;padding:16px 0}summary{cursor:pointer;font-weight:600;line-height:1.5}.table-scroll{overflow:auto}table{width:100%;font-size:12px;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #e7ece4;white-space:nowrap}.goalamount{display:block;font-size:28px;margin:18px 0 7px}.progress{height:8px;background:#edf1e6;border-radius:8px;overflow:hidden;margin-top:22px}.progress i{display:block;height:100%;background:#4a865c}.emptyicon{font-size:54px;color:#6c8c55;margin:16px}.about-hero{background:#183d2e;color:#e5eddc;border-radius:20px;padding:45px;position:relative;overflow:hidden}.about-hero h2{font-size:42px;line-height:1.2;letter-spacing:-1px;margin:22px 0}.about-hero p{max-width:620px;color:#bfcfbf}.about-hero .pill{background:#385441;color:#d9e5c6}.right{text-align:right}.right .secondary{margin-top:10px}.danger{background:#fbf1ed;color:#a34c37;border:1px solid #efd7cf;border-radius:9px;padding:12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-grid button{display:flex;gap:15px;align-items:center;text-align:left}.menu-grid button span:last-child{margin-left:auto}#bottomnav{display:none}input[type=checkbox]{width:21px;height:21px;accent-color:#23654d}.result .row{font-size:13px}.result strong{font-size:29px}footer{line-height:1.7}h3{margin:10px 0} @media(max-width:1000px){main{padding:24px}.detailgrid{grid-template-columns:1fr}}@media(max-width:700px){aside{width:100%;padding:17px 20px;display:flex;align-items:center;justify-content:space-between}aside small{font-size:10px;max-width:100px;text-align:right}aside nav{display:none}.logo{font-size:25px}.logo span{width:34px;height:34px;border-radius:10px}main{margin:0;padding:16px 16px 90px}.top b{font-size:11px;max-width:220px}.heading{margin:25px 0 20px}h1{font-size:27px}.heading small{display:block;line-height:1.6}.card{border-radius:14px}.kpi strong{font-size:20px}.kpi span{font-size:12px}.kpi small{font-size:10px}.columns{gap:14px}.segmented{width:100%}.segmented button{flex:1;padding:10px}.about-hero{padding:26px}.about-hero h2{font-size:33px}#bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefb;border-top:1px solid #dfe6d8;padding:8px 6px max(10px,env(safe-area-inset-bottom));z-index:20;justify-content:space-around}#bottomnav button{border:0;background:transparent;display:grid;justify-items:center;gap:4px;padding:5px 9px;color:#879080;font-size:10px}#bottomnav span{font-size:23px;line-height:24px}#bottomnav .selected{color:#1c6447;font-weight:700}.menu-grid{grid-template-columns:1fr}.result strong{font-size:25px}.row{flex-wrap:wrap}.terms .rate{margin:12px 0}.table-scroll{max-width:calc(100vw - 70px)}}