:root {
      --bg: #050816;
      --accent: #ff2e9f;
      --accent2: #32e5ff;
      --text: #f5f5f5;
      --muted: #9ca3af;
      --card: #111827cc;
      --border: #1f2937;
      --danger: #ef4444;
      --success: #10b981;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: radial-gradient(circle at top, #1f2937 0, #050816 55%, #000 100%);
      color: var(--text);
      min-height: 100vh;
      padding: 2rem;
    }
    .wrap { max-width: 1100px; margin: 0 auto; }
    .panel {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 1.25rem;
      margin-bottom: 1rem;
      backdrop-filter: blur(18px);
    }
    h1, h2, h3 { margin: 0 0 1rem; }
    .topbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
    .muted { color: var(--muted); }
    label { display: block; font-size: 0.9rem; color: var(--muted); margin-bottom: 0.35rem; }
    input[type=text], input[type=password], textarea {
      width: 100%;
      padding: 0.85rem 1rem;
      border-radius: 12px;
      border: 1px solid #334155;
      background: #020617;
      color: var(--text);
      margin-bottom: 1rem;
      font: inherit;
    }
    textarea { min-height: 110px; resize: vertical; }
    .row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    @media (max-width: 760px) { .row { grid-template-columns: 1fr; } }
    .btn {
      border: none;
      cursor: pointer;
      padding: 0.85rem 1.3rem;
      border-radius: 999px;
      font-weight: 700;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
    }
    .btn-primary { background: linear-gradient(135deg, var(--accent), var(--accent2)); color: #020617; }
    .btn-secondary { background: #0f172a; color: var(--text); border: 1px solid #334155; }
    .btn-danger { background: var(--danger); color: #fff; }
    .message { padding: 0.8rem 1rem; border-radius: 12px; margin-bottom: 1rem; }
    .error { background: rgba(239,68,68,.14); border: 1px solid rgba(239,68,68,.35); }
    .success { background: rgba(16,185,129,.14); border: 1px solid rgba(16,185,129,.35); }
    .event-item { border: 1px solid #334155; border-radius: 14px; padding: 1rem; margin-bottom: 1rem; background: #0b1220; }
    .event-actions { text-align: right; }
    .small { font-size: 0.85rem; color: var(--muted); }
/* Optional: host headings inside admin panels */
.panel h3 {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}