:root {
  --gold: #c8a951;
  --gold-light: #e8d48b;
  --gold-dark: #9a7d2e;
  --surface: #13131a;
  --surface-light: #1a1a24;
  --border: #2a2a3a;
}

[x-cloak] { display: none !important; }

body {
  background: #0a0a0f;
  color: #e8e6e3;
  font-family: 'Inter', -apple-system, sans-serif;
}

::selection {
  background: var(--gold);
  color: #0a0a0f;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--surface); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-dark); }

input, select, textarea {
  background: var(--surface);
  border: 1px solid var(--border);
  color: #e8e6e3;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  outline: none;
  width: 100%;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--gold);
}

.btn-gold {
  background: var(--gold);
  color: #0a0a0f;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  cursor: pointer;
  border: none;
  font-size: 0.875rem;
}
.btn-gold:hover { background: var(--gold-light); }
.btn-gold:disabled { opacity: 0.5; cursor: not-allowed; }

.btn-outline {
  border: 1px solid var(--border);
  color: #e8e6e3;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  transition: all 0.2s;
  cursor: pointer;
  background: transparent;
  font-size: 0.875rem;
}
.btn-outline:hover { border-color: var(--gold); color: var(--gold); }

.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

.swal2-popup {
  background: var(--surface) !important;
  color: #e8e6e3 !important;
  border: 1px solid var(--border);
  border-radius: 1rem !important;
}
.swal2-title { color: #e8e6e3 !important; }
.swal2-html-container { color: #8a8a9a !important; }
.swal2-confirm { background: var(--gold) !important; color: #0a0a0f !important; border-radius: 0.5rem !important; }