/* Verwaltungs-Login */

.admin-main {
  display: grid;
  place-items: center;
  min-height: calc(100vh - 200px);
  padding: calc(var(--header-h) + 48px) 0 72px;
  background:
    radial-gradient(700px 360px at 50% 0%, rgba(24, 223, 207, 0.12), transparent 70%),
    radial-gradient(500px 260px at 90% 30%, rgba(76, 194, 255, 0.06), transparent 70%);
}

#admin-view { display: grid; justify-items: center; width: 100%; }

.admin-card {
  display: grid;
  justify-items: center;
  gap: 14px;
  width: min(100% - 32px, 460px);
  padding: clamp(28px, 6vw, 44px);
  border: 1px solid var(--line-strong);
  border-radius: 24px;
  background:
    radial-gradient(420px 200px at 50% 0%, rgba(24, 223, 207, 0.14), transparent 70%),
    var(--surface);
  text-align: center;
  box-shadow: 0 30px 60px -40px rgba(24, 223, 207, 0.5);
}

.admin-icon {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 4px;
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(24, 223, 207, 0.22), rgba(24, 223, 207, 0.05));
}
.admin-icon svg { width: 28px; height: 28px; fill: none; stroke: var(--accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.admin-icon.is-error { border-color: rgba(255, 107, 107, 0.45); background: rgba(255, 107, 107, 0.1); }
.admin-icon.is-error svg { stroke: #ff6b6b; }

.admin-card h1 { font-size: clamp(1.6rem, 4vw, 2rem); font-style: normal; }
.admin-card p { color: var(--muted); line-height: 1.65; }
.admin-card .btn { margin-top: 8px; }
.admin-card .btn-block { width: 100%; }

.admin-alert {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(255, 107, 107, 0.4);
  border-radius: 12px;
  background: rgba(255, 107, 107, 0.09);
  color: #ffb3b3;
  font-size: 0.92rem;
  line-height: 1.55;
}

.admin-user {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(1, 16, 21, 0.6);
  font-weight: 600;
}
.admin-user::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #6ee7a0; box-shadow: 0 0 0 4px rgba(110, 231, 160, 0.18); }

.admin-note { font-size: 0.82rem; }