diff --git a/src/app/api/auth/register/route.ts b/src/app/api/auth/register/route.ts
index 912d72e..3f69af8 100644
--- a/src/app/api/auth/register/route.ts
+++ b/src/app/api/auth/register/route.ts
@@ -69,6 +69,8 @@ export async function POST(request: Request) {
       email: email ?? null,
       passwordHash: await hashPassword(password),
       role: "USER",
+      // Die Registrierung meldet direkt an.
+      lastLoginAt: new Date(),
     },
   });
 
diff --git a/src/app/api/auth/setup/route.ts b/src/app/api/auth/setup/route.ts
index b3fe52c..b0db2f6 100644
--- a/src/app/api/auth/setup/route.ts
+++ b/src/app/api/auth/setup/route.ts
@@ -49,6 +49,9 @@ export async function POST(request: Request) {
       email: email ?? null,
       passwordHash: await hashPassword(password),
       role: "ADMIN",
+      // Die Einrichtung meldet direkt an – sonst stuende im Adminbereich
+      // "noch nie angemeldet", obwohl gerade eine Sitzung laeuft.
+      lastLoginAt: new Date(),
     },
   });
 
diff --git a/src/app/components.css b/src/app/components.css
index c8f6f67..d58acb0 100644
--- a/src/app/components.css
+++ b/src/app/components.css
@@ -79,7 +79,9 @@
    * Weichzeichnung wirkungslos.
    */
   .popover {
-    background: rgba(9, 11, 24, 0.97);
+    /* Vollstaendig deckend: bei 97 % schimmerte darunterliegender Text
+       (die Schaltflaechen "Bearbeiten" und "Loeschen") noch durch. */
+    background: #090b18;
     border: 1px solid rgba(255, 255, 255, 0.11);
     border-radius: 0.9rem;
     box-shadow:
@@ -208,4 +210,61 @@
     background: #0a0c1a;
     color: #e6e8f5;
   }
+
+  /**
+   * Schieberegler. Der native Regler zeichnet die Spur rechts vom Griff in
+   * einem hellen Standardton - im dunklen Layout ein grelles Band. Deshalb
+   * vollstaendig selbst gezeichnet: der gefuellte Anteil kommt aus der
+   * Variablen --fill, die die Komponente aus dem Wert setzt.
+   */
+  .range {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    height: 6px;
+    border-radius: 9999px;
+    cursor: pointer;
+    background: linear-gradient(
+      90deg,
+      #8b5cf6 0%,
+      #d946ef var(--fill, 0%),
+      rgba(255, 255, 255, 0.1) var(--fill, 0%),
+      rgba(255, 255, 255, 0.1) 100%
+    );
+  }
+
+  .range:focus-visible {
+    outline: 2px solid rgba(167, 139, 250, 0.8);
+    outline-offset: 4px;
+  }
+
+  .range::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    height: 16px;
+    width: 16px;
+    border-radius: 9999px;
+    background: #f5f3ff;
+    border: 2px solid #7c3aed;
+    box-shadow: 0 0 14px -2px rgba(168, 85, 247, 0.9);
+    cursor: grab;
+  }
+
+  .range::-webkit-slider-thumb:active {
+    cursor: grabbing;
+  }
+
+  .range::-moz-range-thumb {
+    height: 14px;
+    width: 14px;
+    border-radius: 9999px;
+    background: #f5f3ff;
+    border: 2px solid #7c3aed;
+    box-shadow: 0 0 14px -2px rgba(168, 85, 247, 0.9);
+    cursor: grab;
+  }
+
+  .range::-moz-range-track {
+    background: transparent;
+  }
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad84d08..f6e35aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -63,7 +63,9 @@ export default async function DashboardPage() {
         <StatCard
           label="Ideen"
           value={ideas}
-          hint={STATUS_META.IDEA.description}
+          // Kurzer Hinweis statt der langen Statusbeschreibung – die wurde in
+          // der schmalen Kachel mitten im Wort abgeschnitten.
+          hint="Noch nichts gebaut"
           icon={Lightbulb}
           color={STATUS_META.IDEA.color}
         />
diff --git a/src/components/ProjectDialog.tsx b/src/components/ProjectDialog.tsx
index fc5d915..994d5e1 100644
--- a/src/components/ProjectDialog.tsx
+++ b/src/components/ProjectDialog.tsx
@@ -287,7 +287,8 @@ export function ProjectDialog({ open, onClose, connections, project }: ProjectDi
               step={5}
               value={form.progress}
               onChange={(event) => update("progress", Number(event.target.value))}
-              className="w-full accent-violet-500"
+              className="range"
+              style={{ "--fill": `${form.progress}%` } as React.CSSProperties}
             />
           </div>
 
diff --git a/src/components/ProjectHeader.tsx b/src/components/ProjectHeader.tsx
index a390aa6..41d31e8 100644
--- a/src/components/ProjectHeader.tsx
+++ b/src/components/ProjectHeader.tsx
@@ -193,27 +193,22 @@ export function ProjectHeader({
           <span>Fortschritt</span>
           <span className="tabular-nums text-slate-300">{progress}%</span>
         </div>
-        <div className="relative">
-          <div className="h-2 w-full overflow-hidden rounded-full bg-white/6">
-            <div
-              className="accent-bar h-full rounded-full transition-[width] duration-300"
-              style={{ width: `${Math.max(1, progress)}%` }}
-            />
-          </div>
-          <input
-            type="range"
-            min={0}
-            max={100}
-            step={5}
-            value={progress}
-            onChange={(event) => setProgress(Number(event.target.value))}
-            onMouseUp={() => patch({ progress })}
-            onTouchEnd={() => patch({ progress })}
-            onKeyUp={() => patch({ progress })}
-            aria-label="Fortschritt anpassen"
-            className="absolute inset-0 h-2 w-full cursor-pointer opacity-0"
-          />
-        </div>
+        {/* Eigener Regler statt eines unsichtbaren Eingabefelds ueber einem
+            gezeichneten Balken: so gibt es einen sichtbaren Griff. */}
+        <input
+          type="range"
+          min={0}
+          max={100}
+          step={5}
+          value={progress}
+          onChange={(event) => setProgress(Number(event.target.value))}
+          onMouseUp={() => patch({ progress })}
+          onTouchEnd={() => patch({ progress })}
+          onKeyUp={() => patch({ progress })}
+          aria-label="Fortschritt anpassen"
+          className="range"
+          style={{ "--fill": `${progress}%` } as React.CSSProperties}
+        />
       </div>
 
       <ProjectDialog
diff --git a/src/components/ui/Popover.tsx b/src/components/ui/Popover.tsx
index 243597a..337d4ad 100644
--- a/src/components/ui/Popover.tsx
+++ b/src/components/ui/Popover.tsx
@@ -56,7 +56,13 @@ export function Popover({
     const margin = 8;
     const gap = 6;
 
+    // Bevorzugte Ausrichtung, bei Ueberlauf auf die andere Seite wechseln.
+    // Nur Festklemmen am Fensterrand waere schlecht: bei einem Ausloeser weit
+    // links stuende das Menue sonst quer ueber der Seite statt an seinem
+    // Ausloeser.
     let left = align === "end" ? rect.right - width : rect.left;
+    if (left < margin) left = rect.left;
+    if (left + width > window.innerWidth - margin) left = rect.right - width;
     left = Math.min(Math.max(margin, left), window.innerWidth - width - margin);
 
     const panelHeight = panelRef.current?.offsetHeight ?? 0;