body { font-family: 'Inter', system-ui, sans-serif; }

.nav-link {
  display: block;
  padding: 0.55rem 0.85rem;
  border-radius: 0.5rem;
  color: #9ca3af;
  font-size: 0.9rem;
  transition: all .15s;
}
.nav-link:hover { background: #2a2f3a; color: #f5c542; }
.nav-link.active { background: #f5c54214; color: #f5c542; border-left: 3px solid #f5c542; }

.card {
  background: #1c1f27;
  border: 1px solid #2a2f3a;
  border-radius: 0.9rem;
  padding: 1.25rem;
}

.input {
  width: 100%;
  background: #12141a;
  border: 1px solid #2a2f3a;
  border-radius: 0.5rem;
  padding: 0.6rem 0.85rem;
  color: #e5e7eb;
  font-size: 0.9rem;
  outline: none;
}
.input:focus { border-color: #f5c542; box-shadow: 0 0 0 3px #f5c54222; }

.btn-gold {
  background: linear-gradient(135deg, #f5c542, #c99f2e);
  color: #12141a;
  font-weight: 700;
  padding: 0.65rem 1rem;
  border-radius: 0.5rem;
  transition: transform .1s;
}
.btn-gold:hover { transform: translateY(-1px); }
.btn-gold:active { transform: translateY(0); }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #12141a; }
::-webkit-scrollbar-thumb { background: #2a2f3a; border-radius: 6px; }