:root{font-family:Arial,Helvetica,sans-serif;color:#f4f7fb;background:#151a20}
*{box-sizing:border-box}body{margin:0;background:#151a20}
.topbar{padding:34px max(24px,calc((100% - 1120px)/2));background:#202831;border-bottom:1px solid #3a4652;display:flex;justify-content:space-between;gap:20px;align-items:center}
h1{margin:5px 0 8px;font-size:34px}h2{margin:5px 0 10px}p{margin:0;color:#bfc9d3;line-height:1.5}
.eyebrow{font-size:12px;letter-spacing:1.5px;color:#75b9e7}.status{padding:9px 13px;border:1px solid #53606d;border-radius:999px;font-size:12px}
.wrap{max-width:1120px;margin:0 auto;padding:28px 24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card,.panel{background:#202831;border:1px solid #36424d;border-radius:14px;padding:20px}.card span,.card small{display:block;color:#bfc9d3}.card strong{display:block;font-size:34px;margin:12px 0 5px}
.panel{margin-top:18px;display:flex;justify-content:space-between;gap:24px;align-items:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:360px}
button{padding:12px;border:1px solid #475563;border-radius:9px;background:#29333d;color:#87929c}button:disabled{cursor:not-allowed}
.system .meter{min-width:360px}.meterbar{height:10px;background:#11161b;border-radius:99px;overflow:hidden;margin-bottom:10px}.meterbar span{display:block;height:100%;background:#75b9e7}
footer{text-align:center;color:#77838e;padding:24px;font-size:12px}
@media(max-width:760px){.topbar,.panel{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.actions,.system .meter{min-width:0;width:100%}}