:root{font-family:Arial,PingFang SC,sans-serif;background:#0a0c11;color:#edf0f5;--blue:#3c6fff;--line:#30343e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}main{width:min(1440px,100%);margin:auto;background:#101319;min-height:100vh}header{height:78px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:0 34px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.brand span{background:var(--blue);padding:10px 8px;font-weight:900}.brand b{font-size:14px}header p{font-size:11px;color:#9097a6;line-height:1.5;margin:0}.status{font:10px monospace;color:#808899}.status i{display:inline-block;width:6px;height:6px;background:#4dff9b;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #4dff9b}.headline{min-height:300px;padding:55px 7%;position:relative;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(90deg,transparent,#151c30)}.headline>p,.section-no{font:10px monospace;letter-spacing:.14em;color:#808899}.headline h1{font-size:clamp(44px,6.5vw,92px);line-height:.89;letter-spacing:-.07em;margin:20px 0 0}.headline em{font-style:normal;color:#7795ff}.latest{position:absolute;right:7%;bottom:55px;border-left:1px solid var(--blue);padding-left:20px}.latest span,.latest strong,.latest b{display:block}.latest span{font:9px monospace;color:#808899}.latest strong{font-size:38px}.latest small{font-size:12px}.latest b{font:12px monospace;color:#ff7b68}.latest b.down{color:#62d7a0}.dashboard{display:grid;grid-template-columns:340px 1fr;border-bottom:1px solid var(--line)}aside{padding:32px;border-right:1px solid var(--line)}h2{font-size:22px;margin:8px 0 24px}form{display:grid;gap:18px}form label{font-size:11px;color:#979eac;display:grid;gap:8px}input,select{background:#171b23;color:#fff;border:1px solid #3a3f4a;padding:12px;outline:none;width:100%}input:focus,select:focus{border-color:var(--blue)}.unit{display:flex;background:#171b23;border:1px solid #3a3f4a}.unit input{border:0;font-size:23px}.unit span{display:grid;place-items:center;padding:0 14px;color:#7e8798}form button{border:0;background:var(--blue);color:#fff;padding:14px;text-align:left;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.private{font-size:9px;color:#606875;margin-top:14px}article{padding:32px;min-width:0}.chart-head{display:flex;justify-content:space-between}.filters{display:flex;gap:12px}.filters label{font-size:9px;color:#777e8d}.filters select{display:block;padding:7px;margin-top:5px;font-size:11px}.chart-wrap{border:1px solid var(--line);background:#0d1016;padding:8px}.chart-wrap svg{width:100%;height:380px;overflow:visible}.grid line{stroke:#282d36;stroke-dasharray:3 5}.grid text,.date-text{font:10px monospace;fill:#6f7786}.raw-line{stroke:#758099;stroke-width:1.5}.dot{fill:#dfe6ff;stroke:#0d1016;stroke-width:3}.average{fill:none;stroke:var(--blue);stroke-width:4;stroke-dasharray:8 4}.event-line{stroke:#ffb25d;stroke-width:1;stroke-dasharray:3 4}.event-text{font:9px monospace;fill:#ffb25d}.legend{display:flex;gap:20px;padding:10px;font-size:10px;color:#858d9c}.legend i{display:inline-block;width:22px;border-top:2px solid #758099;margin-right:7px}.legend i.dash{border-color:var(--blue);border-style:dashed}.legend i.event{border-color:#ffb25d}.empty{height:350px;border:1px dashed #343a46;display:grid;place-items:center;color:#707887;font-size:12px}.ledger{padding:38px 7% 70px}.ledger-head{display:flex;justify-content:space-between;align-items:center}.ledger-head h2{margin-bottom:12px}.ledger-head>b{font:10px monospace;color:#777f8e}.table{border-top:1px solid #4a4f59}.row{display:grid;grid-template-columns:1.2fr 1.1fr 1.1fr 1.1fr 1.4fr 30px;align-items:center;border-bottom:1px solid #282d36;min-height:54px;font-size:12px}.row button{border:0;background:transparent;color:#7a8291;font-size:18px;cursor:pointer}.row strong{color:#fff}.row .positive{color:#ff806d}.row .negative{color:#55ce98}.table-head{font:9px monospace;color:#747c8b;min-height:35px}@media(max-width:850px){.latest{position:static;margin-top:30px}.dashboard{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.chart-head{display:block}.filters{margin-bottom:15px}.row{grid-template-columns:1.2fr 1fr 1fr 30px}.row span:nth-child(4),.row span:nth-child(5),.table-head span:nth-child(4),.table-head span:nth-child(5){display:none}}@media(max-width:500px){header{padding:0 16px;grid-template-columns:1fr auto}header p{display:none}.headline{padding:40px 20px}.headline h1{font-size:49px}.dashboard article{padding:24px 12px}.chart-wrap{overflow-x:auto}.chart-wrap svg{min-width:700px}.ledger{padding:30px 16px}.row{font-size:10px}}