added password counter

static/style.css

@@ -34,6 +34,7 @@ body {
   background-color: var(--bg-color);
   color: var(--text-color);
   transition: background-color 0.3s, color 0.3s;
+  margin-bottom: 60px;
 }
 
 .container {
@@ -48,30 +49,63 @@ body {
 }
 
 footer {
-    /* Fixierung am unteren Rand */
     position: fixed;
     bottom: 0;
     left: 0;
-    
-    /* Ausdehnung */
     width: 100%;
-    
-    /* Design & Abstände */
-    background: var(--password-bg);
-    border-top: 1px solid #e0e0e0;
-    padding: 8px 16px;
-    
-    /* Text-Ausrichtung */
-    text-align: left;
+    background-color: var(--bg-color);
+    border-top: 1px solid var(--border-color);
+    padding: 10px 20px;
+    box-sizing: border-box;
+    box-shadow: 0 2px 10px var(--shadow-color);
+    z-index: 1000;
+}
+
+.footer-container {
+    display: flex;
+    justify-content: flex-end; /* Schiebt alles nach rechts */
+    gap: 20px;                 /* Abstand zwischen Counter und Version */
+    align-items: center;
+}
+
+.footer-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    font-size: 13px;
+    color:x#4b5563;
+}
+
+.label {
+    font-weight: 500;
+}
+
+/* Die Badges (Status-Pillen) */
+.value {
+    padding: 2px 8px;
+    border-radius: 12px;
+    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+    font-weight: 600;
+    font-size: 11px;
+}
+
+.badge-blue {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    border: 1px solid var(--border-color);
+}
+
+.badge-gray {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    border: 1px solid var(border-color);
+}
+
+.claim {
     font-family: monospace; /* Monospace sieht für Versionen oft "technischer" aus */
     font-size: 12px;
     color: var(--text-color);
-    
-    /* Sicherstellen, dass nichts drüber liegt */
-    z-index: 9999;
-    
-    /* Padding in die Breite einrechnen */
-    box-sizing: border-box;
 }
 
 #password {