.demo{background:#eaf2ed;border-color:#c9dcd0;color:#315348}.demo strong{color:#23473b}.shell aside{z-index:1}header .btn{white-space:nowrap}.demo-chart{display:flex;align-items:flex-end;gap:20px;height:220px;padding:20px 0 0;border-bottom:1px solid var(--line);margin-bottom:48px}.demo-month{flex:1;position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.demo-month i{width:28%;max-width:40px;background:var(--green);border-radius:5px 5px 0 0}.demo-month i.solar{background:#b88e4e}.demo-month span{position:absolute;bottom:-30px;font-size:13px;color:var(--muted)}.demo-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.demo-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--green);margin-right:7px}.demo-legend .solar:before{background:#b88e4e}.demo-energy-number{font-size:32px;color:var(--green);margin:18px 0 0}.demo-status{padding-top:12px;color:var(--green);font-size:14px}.demo-doc{margin-top:22px}.demo-invoice-note{margin:18px 0 0;font-size:13px}@media(max-width:720px){header{align-items:center}.demo{align-items:flex-start;flex-direction:column;gap:5px}.demo-chart{gap:8px;height:180px}.demo-month i{width:35%}.page-head .property{min-width:0}nav a{white-space:nowrap}}