body { 
  background: linear-gradient(135deg, #0f0f0f, #1a1a1a); 
  font-family: 'Poppins', sans-serif; 
  color: #e0e0e0; 
  margin: 0; 
  padding: 20px; 
  text-align: center; 
}
h2 { 
  font-family: 'Orbitron', sans-serif; 
  font-size: 28px; 
  color: #00ffcc; 
  margin-bottom: 10px; 
}
.controls { 
  margin: 15px; 
}
input[type="text"] { 
  padding: 5px; 
  width: 200px; 
  border-radius: 4px; 
  border:1px solid rgba(0,255,204,0.5); 
}
table { 
  width:100%; 
  border-collapse:collapse; 
  background:rgba(25,25,25,0.9); 
  border-radius:10px; 
  box-shadow:0 0 15px rgba(0,255,204,0.3); 
  margin:20px auto; 
}
th, td { 
  padding:12px; 
  border:1px solid rgba(0,255,204,0.2); 
  font-size:14px; 
  text-align:center; 
}
th { 
  background:rgba(0,255,204,0.2); 
  color:#00ffcc; 
  cursor:pointer; 
}
tr:hover { 
  background:rgba(0,255,204,0.1); 
}
.profitable { 
  background: linear-gradient(45deg,#00ffcc,#0099ff); 
  color:#fff; 
}
.badge-high { 
  background:#00ffcc; 
  color:#000; 
  padding:2px 6px; 
  border-radius:4px; 
}
.badge-low { 
  background:#ff4d4d; 
  color:#fff; 
  padding:2px 6px; 
  border-radius:4px; 
}
.spinner { 
  border:4px solid rgba(0,255,204,0.3); 
  border-top:4px solid #00ffcc; 
  border-radius:50%; 
  width:20px; 
  height:20px; 
  animation:spin 1s linear infinite; 
  display:inline-block; 
  margin-left:10px; 
}
@keyframes spin { 
  to { 
    transform:rotate(360deg); 
  } 
}
.error { 
  color:#ff4d4d; 
  font-size:16px; 
  margin-top:10px; 
}
canvas { 
  max-width:600px; 
  margin:30px auto; 
  background:#121212; 
  border-radius:10px; 
}
a.pair-link { 
  color: #00ffcc; 
  text-decoration: none; 
}
a.pair-link:hover { 
  text-decoration: underline; 
}