.admin-theme {
  --color-bg: #040d0a;
  --color-surface: #0a1a14;
  --color-surface-2: #0f2018;
  --color-surface-3: #162b1e;
  --color-border: #1a3028;
  --color-primary: #00ff87;
  --color-primary-dim: #00cc6a;
  --color-primary-light: rgba(0, 255, 135, 0.1);
  --color-solar: #f5a623;
  --color-wind: #4fc3f7;
  --color-hydro: #29b6f6;
  --color-text: #e8f5f0;
  --color-muted: #7a9e8e;
  --color-success: #00ff87;
  --color-warning: #f5a623;
  --color-danger: #ff4757;
  --color-info: #4fc3f7;

  background-color: var(--color-bg);
  color: var(--color-text);
  min-height: 100vh;
  font-family: var(--font-inter), sans-serif;
}

.admin-theme .admin-label {
  @apply font-display text-[11px] font-medium uppercase tracking-[0.1em] text-muted;
}

.admin-theme .admin-input {
  @apply w-full rounded-lg border border-border bg-surface-3 px-3 py-2.5 text-sm text-text transition-colors duration-150;
}

.admin-theme .admin-input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}

.admin-theme .admin-card {
  @apply rounded-xl border border-border bg-surface-2;
}

.admin-login-bg {
  background: radial-gradient(ellipse at center, rgba(0, 255, 135, 0.08) 0%, #040d0a 70%);
}