feat: challenge registry-driven platform + XVI/XVII imports + admin toggle + domain rename

- Rename repo/domain: attack-defense-platform / attackdefense.imrnes.team (all refs replaced)
- challenge_registry.json: single source of truth (28 challs across gemastik18/xvi/xvii)
- teams.py: registry-driven CHALLENGES, set_challenge_enabled, sync_challenge_runtime
  (apply enable/disable to live teams: build/up or stop/remove + receiver restart)
- compose_gen.py: render per-team compose from canonical per-challenge templates
  (image reuse, per-team ports 30xxx, flag mounts, passwords)
- gen_canonical_composes.py: canonical docker-compose.yml for all services
- import_new_challenges.py: import XVI/XVII services + EOL base image fixes
  (debian:buster→bookworm, node:14→20, python:3.7-slim→3.11)
- receiver: xvi package (10 checkers) + xvii package (12 generic checkers),
  Challenge base reads PASSWORD_<team_port> from env; gen_receiver_main.py
  generates per-team main.py from registry
- main.py: /api/challenges returns full registry; PATCH /api/challenges/<name>
  toggles enabled + applies to live teams
- index.html: 🏗️ Challenge Manager tab (toggle per challenge, grouped by set)
- SLA bonus now dynamic (all enabled challenges, not hardcoded 6)

services/tempest-poc/frontend/static/css/styles.css

@@ -0,0 +1,145 @@
+@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400&display=swap');
+
+:root {
+  --bg-color: #0a0e17;
+  --text-color: #e0e0e0;
+  --primary-color: #00ffff;
+  --secondary-color: #ff00ff;
+  --accent-color: #ffff00;
+}
+
+body {
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.container {
+  width: 100%;
+  max-width: 600px;
+  padding: 2rem;
+  box-sizing: border-box;
+}
+
+h1 {
+  font-family: 'Orbitron', sans-serif;
+  text-align: center;
+  color: var(--primary-color);
+  font-size: 2.5rem;
+  margin-bottom: 2rem;
+  text-transform: uppercase;
+  letter-spacing: 3px;
+  text-shadow: 0 0 10px var(--primary-color);
+}
+
+.input-group {
+  margin-bottom: 1.5rem;
+  position: relative;
+}
+
+input[type="url"] {
+  width: 100%;
+  padding: 1rem;
+  font-size: 1rem;
+  border: none;
+  border-bottom: 2px solid var(--primary-color);
+  background-color: rgba(0, 255, 255, 0.1);
+  color: var(--text-color);
+  transition: all 0.3s ease;
+  box-sizing: border-box;
+}
+
+input[type="url"]:focus {
+  outline: none;
+  box-shadow: 0 0 10px var(--primary-color);
+}
+
+.button-group {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+}
+
+button {
+  padding: 0.8rem 1.5rem;
+  font-size: 1rem;
+  font-family: 'Orbitron', sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  border: none;
+  border-radius: 25px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  margin: 0 0.5rem;
+}
+
+#testConnection {
+  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
+  color: var(--bg-color);
+}
+
+#startScan {
+  background: linear-gradient(45deg, var(--secondary-color), var(--accent-color));
+  color: var(--bg-color);
+}
+
+button:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+button:active {
+  transform: translateY(-1px);
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+#statusAndResults {
+  margin-top: 1.5rem;
+  padding: 1rem;
+  border-radius: 10px;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(10px);
+  max-height: 300px;
+  overflow-y: auto;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+#statusAndResults::-webkit-scrollbar {
+  width: 8px;
+}
+
+#statusAndResults::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+#statusAndResults::-webkit-scrollbar-thumb {
+  background-color: var(--primary-color);
+  border-radius: 4px;
+}
+
+.status-item {
+  margin: 0.5rem 0;
+  padding: 0.5rem;
+  background-color: rgba(0, 255, 255, 0.1);
+  border-radius: 5px;
+}
+
+.success {
+  color: var(--accent-color);
+}
+
+.error {
+  color: var(--secondary-color);
+}

services/tempest-poc/frontend/static/js/app.js

@@ -0,0 +1,90 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const startScanButton = document.getElementById("startScan");
+  const testConnectionButton = document.getElementById("testConnection");
+  const statusAndResultsDiv = document.getElementById("statusAndResults");
+  const urlInput = document.getElementById("target");
+
+  if (!crypto.randomUUID) {
+      crypto.randomUUID = function () {
+          return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+              var r = (crypto.getRandomValues(new Uint8Array(1))[0] % 16) | 0,
+                  v = c === 'x' ? r : (r & 0x3) | 0x8;
+              return v.toString(16);
+          });
+      };
+  }
+  const uuid = crypto.randomUUID();
+
+  const socket = new WebSocket(`ws://${window.location.host}/api/public/ws/?client_id=${uuid}`);
+
+  function addStatusItem(message, className = '') {
+      const item = document.createElement('div');
+      item.textContent = message;
+      item.className = `status-item ${className}`;
+      statusAndResultsDiv.appendChild(item);
+      statusAndResultsDiv.scrollTop = statusAndResultsDiv.scrollHeight;
+  }
+
+  socket.addEventListener("message", (event) => {
+      const data = JSON.parse(event.data);
+      addStatusItem(data.data);
+  });
+
+  startScanButton.addEventListener("click", () => {
+      statusAndResultsDiv.innerHTML = '';
+      const target = urlInput.value;
+      if (!target) return;
+
+      startScanButton.disabled = true;
+      fetch("/api/public/startscan", {
+          method: "POST",
+          headers: {
+              "Content-Type": "application/json"
+          },
+          body: JSON.stringify({ target: target, client_id: uuid })
+      })
+      .then(response => response.json())
+      .then(data => {
+          if (data.error) {
+              addStatusItem(data.error, 'error');
+          } else {
+              addStatusItem('Scan initiated. Monitoring progress...', 'success');
+          }
+      })
+      .catch(error => {
+          addStatusItem(`Error: ${error.message}`, 'error');
+      })
+      .finally(() => {
+        urlInput.value = '';
+    });
+  });
+
+  testConnectionButton.addEventListener("click", () => {
+      statusAndResultsDiv.innerHTML = '';
+      const url = urlInput.value;
+      if (!url) return;
+
+      testConnectionButton.disabled = true;
+      fetch("/api/public/test", {
+          method: "POST",
+          headers: {
+              "Content-Type": "application/json"
+          },
+          body: JSON.stringify({ url: url })
+      })
+      .then(response => {
+          if (!response.ok && response.status != 301) {
+              addStatusItem(`Target unreachable. Status Code: ${response.status}`, 'error');
+          } else {
+              addStatusItem(`Target accessible. Status Code: ${response.status}`, 'success');
+              startScanButton.disabled = false;
+          }
+      })
+      .catch(error => {
+          addStatusItem(`Error: ${error.message}`, 'error');
+      })
+      .finally(() => {
+          testConnectionButton.disabled = false;
+      });
+  });
+});