feat: Passwordless cross-device authentication

- Arkitektur: docs/auth/passwordless-architecture.md
- Backend: iom/quixzoom-auth-service/ (FastAPI + Redis)
- Webb: quixzoom-market-pages/se/login/ (QR-kod + polling)
- App: iom/quixzoom-app/src/features/auth/ (push + deep links)

Flöde: QR-kod → app-godkännande → webb-inloggad

landvex-site/admin/life-validation.html

@@ -14,30 +14,30 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; back
 .nav a { color: #666; text-decoration: none; padding: 12px 20px; font-size: 0.85rem; transition: all 0.2s; border-bottom: 2px solid transparent; }
 .nav a:hover, .nav a.active { color: #00d4ff; border-bottom-color: #00d4ff; }
 .main { padding: 40px; max-width: 1400px; margin: 0 auto; }
-.hero { text-align: center; padding: 60px 20px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 100%); border-radius: 16px; margin-bottom: 40px; }
+.hero { text-align: center; padding: 60px 20px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 100%); border-radius: var(--radius-lg); margin-bottom: 40px; }
 .hero h2 { font-size: 2rem; margin-bottom: 16px; background: linear-gradient(90deg, #00d4ff, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
 .hero p { font-size: 1rem; color: #aaa; max-width: 800px; margin: 0 auto; }
 .phases { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-bottom: 40px; }
-.phase { background: #111; border: 1px solid #333; border-radius: 12px; padding: 24px; }
+.phase { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 24px; }
 .phase-number { font-size: 0.75rem; color: #00d4ff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
 .phase h3 { font-size: 1.1rem; margin-bottom: 12px; }
 .phase p { color: #888; font-size: 0.85rem; margin-bottom: 12px; }
 .phase-objs { list-style: none; }
 .phase-objs li { color: #aaa; font-size: 0.8rem; padding: 4px 0; padding-left: 16px; position: relative; }
 .phase-objs li::before { content: "→"; position: absolute; left: 0; color: #00d4ff; }
-.metrics { background: #111; border: 1px solid #333; border-radius: 12px; padding: 32px; margin-bottom: 40px; }
+.metrics { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 32px; margin-bottom: 40px; }
 .metrics h2 { font-size: 1.5rem; margin-bottom: 16px; color: #7c3aed; }
 .metrics p { color: #888; margin-bottom: 16px; }
 .metric-dims { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; margin-top: 16px; }
-.dim { background: #1a1a1a; border-radius: 8px; padding: 16px; }
+.dim { background: #1a1a1a; border-radius: var(--radius-md); padding: 16px; }
 .dim-name { color: #00d4ff; font-weight: 600; }
 .dim-desc { color: #888; font-size: 0.8rem; margin-top: 4px; }
 .dim-kpis { color: #aaa; font-size: 0.75rem; margin-top: 8px; }
-.spec { background: #111; border: 1px solid #333; border-radius: 12px; padding: 32px; margin-bottom: 40px; }
+.spec { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 32px; margin-bottom: 40px; }
 .spec h2 { font-size: 1.5rem; margin-bottom: 16px; color: #00d4ff; }
 .spec p { color: #888; margin-bottom: 16px; }
 .spec-sections { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
-.spec-section { background: #1a1a1a; border-radius: 8px; padding: 12px; }
+.spec-section { background: #1a1a1a; border-radius: var(--radius-md); padding: 12px; }
 .spec-num { color: #00d4ff; font-size: 0.75rem; }
 .spec-title { color: #fff; font-size: 0.85rem; }
 </style>
@@ -70,7 +70,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; back
 <div class="phases" id="phases">
 <div class="phase">
 <div class="phase-number">Fas 1</div>
-<h3>🛣️ Infrastruktur</h3>
+<h3> Infrastruktur</h3>
 <p>6 månader — Vägar, broar, arbeten</p>
 <ul class="phase-objs">
 <li>Hitta vägskador (>80% precision)</li>
@@ -82,7 +82,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; back
 
 <div class="phase">
 <div class="phase-number">Fas 2</div>
-<h3>🏙️ Kommun</h3>
+<h3> Kommun</h3>
 <p>6 månader — Parker, belysning, skyltning</p>
 <ul class="phase-objs">
 <li>Följa parker (veckovis)</li>
@@ -95,7 +95,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; back
 
 <div class="phase">
 <div class="phase-number">Fas 3</div>
-<h3>🏢 Fastigheter</h3>
+<h3><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="3" y="2" width="10" height="12" rx="1" stroke="#666" stroke-width="1.5"/><path d="M6 5H7M6 8H7M6 11H7M9 5H10M9 8H10M9 11H10" stroke="#666" stroke-width="1.5" stroke-linecap="round"/></svg> Fastigheter</h3>
 <p>6 månader — Byggnader, skador, underhåll</p>
 <ul class="phase-objs">
 <li>Följa byggnader (månadsvis)</li>
@@ -107,7 +107,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; back
 
 <div class="phase">
 <div class="phase-number">Fas 4</div>
-<h3>🌍 Bistånd</h3>
+<h3> Bistånd</h3>
 <p>12 månader — Projekt, observationer, verifiering</p>
 <ul class="phase-objs">
 <li>Följa projekt över tid (±15%)</li>
@@ -124,32 +124,32 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; back
 
 <div class="metric-dims">
 <div class="dim">
-<div class="dim-name">📊 Datatäckning</div>
+<div class="dim-name"> Datatäckning</div>
 <div class="dim-desc">Andel objekt med aktuell data</div>
 <div class="dim-kpis">Object Coverage >95%<br>Geographic Coverage >90%</div>
 </div>
 <div class="dim">
-<div class="dim-name">⏱️ Aktualitet</div>
+<div class="dim-name">⏱ Aktualitet</div>
 <div class="dim-desc">Tid från förändring till observation</div>
 <div class="dim-kpis">Detection Time <48h<br>Alert Latency <1h</div>
 </div>
 <div class="dim">
-<div class="dim-name">🔍 Evidenskvalitet</div>
+<div class="dim-name"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="7" cy="7" r="5" stroke="#666" stroke-width="2"/><path d="M11 11L14 14" stroke="#666" stroke-width="2" stroke-linecap="round"/></svg> Evidenskvalitet</div>
 <div class="dim-desc">Konfidens och verifiering</div>
 <div class="dim-kpis">Avg Confidence >75<br>Verification Rate >30%</div>
 </div>
 <div class="dim">
-<div class="dim-name">🎯 Analyskvalitet</div>
+<div class="dim-name"> Analyskvalitet</div>
 <div class="dim-desc">Användbarhet och korrekthet</div>
 <div class="dim-kpis">User Satisfaction >80%<br>Decision Adoption >60%</div>
 </div>
 <div class="dim">
-<div class="dim-name">📈 Adoption</div>
+<div class="dim-name"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 12L6 8L9 11L14 5" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 5H14V9" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> Adoption</div>
 <div class="dim-desc">Externa implementationer</div>
 <div class="dim-kpis">External Impl >10<br>Partner Integrations >20</div>
 </div>
 <div class="dim">
-<div class="dim-name">🔗 Interoperabilitet</div>
+<div class="dim-name"> Interoperabilitet</div>
 <div class="dim-desc">System som utbyter data</div>
 <div class="dim-kpis">RIS Compatible >15<br>Data Exchange >1TB/mån</div>
 </div>