```css
body{
  margin:0;
  background:#020408;
  color:white;
  font-family:'Barlow',sans-serif;
}

.topbar{
  height:60px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 20px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.brand{
  color:#00e5a0;
  font-size:24px;
  font-weight:bold;
}

.metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  padding:30px;
}

.metric{
  background:#0a1020;
  padding:30px;
  border-radius:12px;
  text-align:center;
}

.m-label{
  color:#888;
  margin-bottom:10px;
}

.m-value{
  font-size:40px;
  font-weight:bold;
}

.chain-wrap{
  padding:20px;
}

table{
  width:100%;
  border-collapse:collapse;
}

th,td{
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  text-align:center;
}

tr:hover{
  background:rgba(255,255,255,0.03);
}
```