.date{
  text-align:right;
}

.usage{
  margin:24px 0;
}

.usage-top{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:14px;
  margin-bottom:8px;
}

.device-card{
  background:rgba(255,255,255,.03);
  border:none;
  border-radius:22px;
  padding:22px;
  transition:.25s;
}

.device-card:hover{
  background:rgba(255,255,255,.05);
}

.device-card h4{
  margin-bottom:8px;
}

.device-card p{
  color:var(--muted);
  margin-top:4px;
}

.actions{
  display:grid;
  gap:10px;
}

.actions button{
  text-align:left;
  padding:18px;
  border-radius:18px;
}

.network-description{
  color:var(--muted);
  font-size:15px;
  line-height:1.6;
  margin-bottom:22px;
}

.network-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.network-grid div{
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:18px;
}

.network-grid span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:8px;
}

.network-grid strong{
  font-size:20px;
}

.network-updated{
  color:var(--muted);
  font-size:13px;
  margin-top:20px;
}