*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,sans-serif;background:#f7f3eb;color:#153b49}
#dashboard{height:100%;display:flex;flex-direction:column;gap:14px;padding:0 2px}
header{height:28px;display:flex;justify-content:space-between;align-items:center}header b{font:18px Consolas,monospace;color:#176176;text-transform:uppercase}header span{display:none}a{font-size:17px;color:#176176;text-decoration:none;border-bottom:1px solid #90acb1;padding-bottom:2px}
.allocation{display:flex;justify-content:space-between;align-items:center;height:49px;padding:0 18px;background:#153b49;color:#bed3d6;font-size:20px}.allocation strong{font-size:22px;color:#f7f3eb;margin-right:5px}.allocation .runtime{margin-left:auto;margin-right:30px}.allocation>span:first-child{margin-right:30px}.allocation>span:nth-child(2){margin-right:30px}.allocation>span:last-child strong{color:#deed91}
.panels{flex:1;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0;gap:12px}
.panel{display:grid;grid-template-columns:250px minmax(0,1fr) 255px;gap:26px;align-items:center;min-height:0;padding:4px 0 12px;border-bottom:1px solid #c4d1cd}
.metric{border-left:4px solid var(--accent);padding-left:18px}.metric h2{font-size:25px;line-height:1.1;margin:0 0 7px;font-weight:700}.metric strong{display:block;color:var(--accent);font:46px/1.06 Georgia,serif;letter-spacing:-1px}.metric .meaning{display:block;font-size:18px;line-height:1.25;color:#537780;margin-top:7px}.secondary{display:block;font:18px Arial;color:#537780;margin-bottom:12px}.reading{font:italic 25px/1.2 Georgia,serif;color:#176176;padding-left:18px;border-left:1px solid #b2c5c3}
.plot-wrap{position:relative;min-width:0}.chart{width:100%;height:112px;display:block;outline:none;touch-action:none}.chart text{font:16px Arial;fill:#537780}.chart .grid{stroke:#c5d1cf;stroke-width:1}.chart .cursor{stroke:#b3633c;stroke-width:1.6;stroke-dasharray:4 3;display:none}.chart:focus-visible{outline:1px solid #7a9ca3}.chart-line{fill:none;stroke-width:2.8}.legend{height:23px;display:flex;gap:22px;align-items:center;padding-left:61px;font-size:16px;color:#537780}.legend button{appearance:none;background:none;color:inherit;border:0;padding:0;font:inherit;cursor:pointer;display:flex;gap:7px;align-items:center}.legend i{display:inline-block;width:21px;height:3px}.legend button[aria-pressed="false"]{opacity:.5;text-decoration:line-through}
.tooltip{position:absolute;right:10px;top:1px;background:#fffdf5;border:1px solid #8da9af;padding:7px 12px;color:#153b49;font-size:17px;line-height:1.4;display:none;pointer-events:none;z-index:2}.tooltip span{display:inline-block;margin-right:14px;white-space:nowrap}.tooltip span:last-child{margin-right:0}footer{display:flex;justify-content:space-between;align-items:center;gap:10px;height:24px;color:#537780;font-size:18px}footer output{font:16px Consolas,monospace;color:#176176;white-space:nowrap}