:root{--ink:#213d39;--muted:#7d8b87;--green:#306a59;--bg:#f5f7f5;--line:#e6ece8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px DM Sans,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #88bfa5;outline-offset:3px}.shell{display:flex;min-height:100vh}aside{width:232px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:36px 23px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font:600 17px Manrope,sans-serif;line-height:1.25}.brand b{font-weight:400;font-size:13px;color:var(--muted);letter-spacing:1px}.brand-icon{background:#386d5d;border-radius:12px;color:white;width:39px;height:44px;font-size:32px;display:grid;place-items:center}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#a1aaa5;margin:54px 12px 18px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:8px;color:#7a8783;font-size:13px}nav button span{display:inline-block;width:29px;font-size:19px;vertical-align:middle}nav button.active{color:#346653;background:#edf4ef;font-weight:700}.home-box{border:1px solid var(--line);border-radius:9px;margin:40px 0;padding:15px 14px;font-size:12px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ba586;margin-right:10px}.home-box p{padding-left:17px;font-size:10px;font-weight:400;color:var(--muted)}.aside-bottom{margin-top:auto;color:#8c9891;font-size:11px;line-height:1.8}.aside-bottom span{display:block;margin-top:15px;font-size:9px;color:#b1b9b4}main{flex:1 1;min-width:0}header{height:80px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#fff}.breadcrumb{font-size:11px;color:#7e8c84}.breadcrumb span{margin:0 14px;color:#c0c9c1}.header-right{display:flex;align-items:center;gap:24px}.private{font-size:10px;color:#829086}.avatar{background:#eaf0e9;border:1px solid #dce5db;border-radius:50%;height:33px;width:33px;font-size:11px;color:#526753}.content{max-width:1500px;margin:auto;padding:34px 42px 16px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#829486}h1{font:600 31px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0 9px}p{color:var(--muted);line-height:1.7;margin:7px 0}.heading p{font-size:12px}.date-picker{background:white;border:1px solid var(--line);border-radius:8px;display:flex;gap:15px;padding:12px 14px;align-items:center;color:#8c9891;font-size:11px}.date-picker input{border:0;background:transparent;color:var(--ink);font-size:12px}.notice{display:flex;gap:16px;background:#ecf1e8;color:#677755;border:1px solid #dce5d4;border-radius:8px;padding:11px 15px;font-size:11px;margin-bottom:20px;line-height:1.7}.notice.error{background:#fff0ec;border-color:#ebc1b4;color:#9e5043}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.metric-label{display:flex;justify-content:space-between;font-size:11px;color:#7b8a82;align-items:center}.metric-label i{font-size:17px;font-style:normal;color:#8da5bf;background:#edf2f7;padding:3px 8px;border-radius:7px}.amber .metric-label i{background:#fcf4e0;color:#cfa344}.green .metric-label i{background:#ebf4ed;color:#619477}.purple .metric-label i{background:#f1edf7;color:#a18abd}.metric-value{font:600 29px Manrope,sans-serif;margin-top:16px;letter-spacing:-.7px}.metric-value small{font:400 11px DM Sans,sans-serif;color:#8c978f;margin-left:7px;letter-spacing:0}.metric p{font-size:10px;margin-top:9px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.main-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(230px,1fr);gap:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}h2{font:600 15px Manrope,sans-serif;margin:0;letter-spacing:-.25px}.panel-heading p{font-size:10px}.segmented{display:flex;padding:3px;background:#f4f6f3;border-radius:7px}.segmented button{border:0;background:transparent;font-size:10px;padding:7px 12px;color:#909a92;border-radius:5px}.segmented .selected{background:white;color:#506851;box-shadow:0 1px 3px #0001}.legend{display:flex;gap:20px;font-size:10px;margin:23px 0 4px;color:#899589}.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.legend-blue:before{background:#6589b9}.legend-amber:before{background:#dcac48}svg{width:100%;overflow:visible;margin-top:13px}svg text{fill:#9aa59e;font-family:inherit;font-size:11px}.chart-note{font-size:9px;text-align:right;margin:4px 0 0}.pill{font-size:8px;color:#4f8c66;background:#edf6ed;border-radius:20px;padding:4px 8px}.pill.muted{color:#9d795b;background:#fcf3e8}.energy-orbit{margin:23px auto 17px;width:178px;height:178px;border:1px dashed #cbdccf;border-radius:50%;display:grid;place-items:center}.orbit-inner{border:9px solid #eff4ed;width:148px;height:148px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.orbit-inner>span{color:#6b9683;font-size:23px}.orbit-inner strong{font:600 31px Manrope,sans-serif;letter-spacing:-1px}.orbit-inner small{font-size:9px;color:#8c9b90;margin-top:4px}.now-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:14px;font-size:10px;color:#8c978e}.now-footer b{font-weight:500;color:#687d6d}.now-panel>p{font-size:9px;margin-top:12px}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:22px}.insight{display:flex;gap:20px;align-items:center;background:#f0f5ed}.sun-icon{font-size:33px;color:#85a47b;background:#e7efdf;width:54px;height:54px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.insight h2{margin-top:7px}.insight p,.next-step p{font-size:11px}.next-step h2{margin-top:7px}.text-button{border:0;padding:0;background:transparent;color:#55826b;font-size:11px}.next-step .text-button{margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:14px 0;color:#a1aaa3;font-size:9px}.footer-dot{padding:0 9px}.table-scroll{max-height:255px;overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:11px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:#7a8c80;font-weight:500}.cost-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.rate{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0;color:#738879;font-size:12px}.rate input{width:100px;padding:10px;border:1px solid var(--line);border-radius:6px}.cost-result{background:#edf4eb}.cost-result>strong{display:block;font-size:48px;margin:30px 0 0}.cost-result>div{display:flex;justify-content:space-between;margin:20px 0;font-size:12px}.cost-result small{display:block;color:#7e917e;margin-top:35px}.cost-result hr{border:0;border-top:1px solid #d9e5d6;margin:25px 0}.primary,.secondary{padding:12px 20px;border-radius:8px;border:0;background:#376f58;color:white}.secondary{background:#edf3e9;color:#476c50}.login{max-width:480px;margin:12vh auto;padding:25px}.login .brand{margin-bottom:35px}.login .panel{padding:35px}.login .primary{margin-top:20px;width:100%}.login label{display:block;margin-top:20px;font-size:12px}.login input{display:block;width:100%;padding:12px;margin-top:10px;border:1px solid var(--line);border-radius:6px}@media(min-width:1500px){.content{padding-top:45px}.metric{padding:26px}.metric-value{font-size:35px}.main-grid{margin-top:28px}}@media(max-width:1100px){aside{width:190px;padding:30px 16px}.content{padding:26px 23px}header{padding:0 25px}.cards{gap:10px}.metric{padding:15px}.metric-value{font-size:25px}.main-grid{grid-template-columns:minmax(0,2fr) 235px;gap:15px}.panel{padding:18px}h1{font-size:27px}}@media(max-width:800px){aside{width:75px;padding:25px 12px}.aside-bottom,.brand>span:last-child,.home-box,.nav-label{display:none}nav{margin-top:35px}nav button{font-size:0;padding:12px;text-align:center}nav button span{font-size:22px;width:auto}.cards{grid-template-columns:repeat(2,1fr)}.bottom-grid,.main-grid{grid-template-columns:1fr}.now-panel{display:none}.heading{align-items:flex-start;gap:15px}.date-picker{flex-direction:column;gap:3px}.heading p{max-width:270px}.cost-grid{grid-template-columns:1fr}}@media(max-width:520px){aside{display:none}header{height:60px;padding:0 18px}.content{padding:23px 16px}.private{display:none}.heading{flex-direction:column}.date-picker{flex-direction:row;padding:8px 11px}h1{font-size:26px}.notice{flex-direction:column;gap:2px}.metric-value{font-size:28px}.metric p{font-size:9px}.bottom-grid{gap:15px}.insight{gap:12px}footer{align-items:flex-start;gap:10px}.legend{font-size:9px}.panel-heading h2{font-size:13px}svg text{font-size:15px}}.date-picker select{border:0;background:transparent;color:var(--ink);font:inherit}