:root{font-family:Inter,Segoe UI,sans-serif;color:#17202b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{height:72px;background:#17232d;color:#fff;display:flex;align-items:center;padding:0 5%;gap:38px}.brand{font-size:21px;font-weight:700;color:#fff;text-decoration:none}nav{display:flex;gap:24px}nav a{color:#c8d3dc;text-decoration:none}.server{margin-left:auto;color:#9eb1bf;font-size:13px}main{max-width:1260px;margin:auto;padding:46px 28px}.hero{background:#17232d;color:white;border-radius:18px;padding:58px;min-height:330px}.hero h1{font-size:46px;margin:8px 0}.hero p{color:#c4d1dc;font-size:18px}.eyebrow{letter-spacing:1.5px;font-size:12px;color:#168bd0;font-weight:700}.button{display:inline-block;margin-top:22px;padding:12px 20px;background:#168bd0;color:#fff;border-radius:7px;text-decoration:none}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.pagehead h1{margin:5px 0;font-size:34px}.pagehead p{color:#667482}.status{color:#16834b;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics div,.panel{background:#fff;border:1px solid #dfe7ef;border-radius:12px}.metrics div{padding:22px}.metrics b{display:block;font-size:31px}.metrics span{color:#718090}.panel{margin-top:22px;overflow:hidden}.paneltitle{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #e4eaf0}.paneltitle h2{font-size:19px;margin:0}.paneltitle span{font-size:12px;color:#768696}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 22px;border-bottom:1px solid #edf1f5;font-size:14px}th{color:#748393;font-size:12px;text-transform:uppercase}.pill{background:#e4f7ed;color:#117442;padding:4px 9px;border-radius:20px;font-size:12px}footer{text-align:center;color:#84919c;padding:30px;font-size:13px}@media(max-width:768px){header{padding:0 18px;gap:15px}nav{display:none}main{padding:24px 15px}.hero{padding:30px}.hero h1{font-size:34px}.metrics{grid-template-columns:repeat(2,1fr)}.pagehead{display:block}table{min-width:700px}.panel{overflow-x:auto}}