body {
  margin: 0;
  font-family: Inter, system-ui, Arial;
  background: radial-gradient(circle at top, #0b1220, #020409);
  color: #e6eef8;
}

h1, h2, h3 {
  margin: 0 0 8px 0;
}

.sidebar {
  width: 240px;
  padding: 12px;
  background: linear-gradient(180deg, #0b1220, #05070d);
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}

.sidebar button {
  width: 100%;
  margin-bottom: 8px;
  padding: 10px;
  background: #0f172a;
  color: #e6eef8;
  border: 1px solid #1f2937;
  border-radius: 8px;
  cursor: pointer;
}

.sidebar button:hover {
  background: #172554;
}

.main {
  margin-left: 260px;
  padding: 20px;
}

.card {
  background: linear-gradient(180deg, #0f172a, #020409);
  border: 1px solid #1f2937;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
}

.metric {
  font-size: 22px;
  font-weight: 600;
}

.status {
  position: fixed;
  top: 16px;
  right: 16px;
  padding: 8px 14px;
  background: #065f46;
  border-radius: 20px;
  font-weight: 600;
}

button.buy {
  background: #16a34a;
  color: white;
}

button.sell {
  background: #dc2626;
  color: white;
}