:root {
  --brand: #5b3df5;
  --brand-dark: #4327c9;
}

body {
  background-color: #f6f7fb;
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

.navbar-brand-custom {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
}

.card {
  border: none;
  border-radius: 14px;
  box-shadow: 0 2px 14px rgba(20, 20, 43, 0.06);
}

.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
}

.platform-card {
  cursor: pointer;
  border: 2px solid transparent;
  transition: 0.15s ease;
  text-align: center;
  padding: 22px 10px;
}
.platform-card:hover {
  border-color: var(--brand);
  transform: translateY(-3px);
}
.platform-card.selected {
  border-color: var(--brand);
  background: #f1edff;
}
.platform-card i {
  font-size: 2rem;
  display: block;
  margin-bottom: 8px;
}

.wallet-balance-box {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  border-radius: 14px;
  padding: 24px;
}

.status-badge-pending { background:#ffc107; }
.status-badge-approved,.status-badge-running { background:#198754; }
.status-badge-rejected { background:#dc3545; }
.status-badge-completed { background:#0d6efd; }

.step-indicator .step {
  width: 30px; height: 30px; border-radius: 50%;
  background:#e0e0e0; display:flex; align-items:center; justify-content:center;
  font-weight:600; color:#666;
}
.step-indicator .step.active {
  background: var(--brand); color:#fff;
}