dimarsaba

## dash.html
<!doctype html><html><head><meta charset='utf-8'><meta name='viewport' content='width=device-width,initial-scale=1'>"
<title>Boiler FV</title><style>body{font-family:Arial;margin:10px}h1{font-size:18px}"
.row{display:flex;gap:8px;flex-wrap:wrap}.card{border:1px solid #ddd;border-radius:8px;padding:8px;min-width:130px}"
.k{font-size:12px;color:#555;text-transform:uppercase}.v{font-size:22px;font-weight:bold}"
button{padding:6px 10px;margin-right:6px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}"
</style></head><body><h1>Boiler FV — Shelly 1PM</h1>"
<div class='row'>"
<div class='card'><div class='k'>Surplus</div><div class='v' id='surplus'>—</div><div>W</div></div>"
<div class='card'><div class='k'>Solar</div><div class='v' id='solar'>—</div><div>W</div></div>"
<div class='card'><div class='k'>Grid</div><div class='v' id='grid'>—</div><div>W</div></div>"
	<!doctype html><html><head><meta charset='utf-8'><meta name='viewport' content='width=device-width,initial-scale=1'>"
	<title>Boiler FV</title><style>body{font-family:Arial;margin:10px}h1{font-size:18px}"
	.row{display:flex;gap:8px;flex-wrap:wrap}.card{border:1px solid #ddd;border-radius:8px;padding:8px;min-width:130px}"
	.k{font-size:12px;color:#555;text-transform:uppercase}.v{font-size:22px;font-weight:bold}"
	button{padding:6px 10px;margin-right:6px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}"
	</style></head><body><h1>Boiler FV — Shelly 1PM</h1>"
	<div class='row'>"
	<div class='card'><div class='k'>Surplus</div><div class='v' id='surplus'>—</div><div>W</div></div>"
	<div class='card'><div class='k'>Solar</div><div class='v' id='solar'>—</div><div>W</div></div>"
	<div class='card'><div class='k'>Grid</div><div class='v' id='grid'>—</div><div>W</div></div>"