:root {
  --bg: #0a0514;
  --text: #ffffff;
  --text-muted: #d1d5db;
  --brand: #8a2be2;
  --brand-dark: #6f18d2;
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.06);
}

/* Force dark color scheme for native elements like dropdowns */
html {
  color-scheme: dark;
}

.glass {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(8px);
}

.login-full {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(10, 5, 20, 0.85), rgba(10, 5, 20, 0.95));
  z-index: 60;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-btn.active {
  background: rgba(138, 43, 226, 0.2);
  border-color: rgba(138, 43, 226, 0.5);
}

/* Error/Success Toast */
#error-toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 450px;
}

.toast-msg {
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  animation: slideIn 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  gap: 8px;
}

.toast-msg.error {
  background: rgba(220, 38, 38, 0.95);
  border: 1px solid rgba(255, 100, 100, 0.3);
  color: #fff;
}

.toast-msg.success {
  background: rgba(22, 163, 74, 0.95);
  border: 1px solid rgba(100, 255, 100, 0.3);
  color: #fff;
}

.toast-msg.warning {
  background: rgba(202, 138, 4, 0.95);
  border: 1px solid rgba(255, 200, 50, 0.3);
  color: #fff;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Dropdown Styling */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  padding-right: 2.5rem !important;
  cursor: pointer;
}

select option {
  background-color: #1a1625; /* Dark purple/black background */
  color: white;
  padding: 10px;
}

/* Specific overrides for admin inputs */
input, select, textarea {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.2s;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--brand) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(138, 43, 226, 0.2);
}