Remove header/footer styles and merge duplicate style blocks in login page

Author: ralyodio

public/views/api-docs.html

@@ -317,60 +317,6 @@ <h2>Manage Your API Keys</h2>
   </div>
 </div>
 <style>
-  body {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: var(--spacing-lg);
-  }
-  
-  .header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: var(--spacing-xl);
-  }
-  
-  .logo {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-sm);
-  }
-  
-  .logo img {
-    height: 40px;
-    width: auto;
-  }
-  
-  .logo h1 {
-    margin: 0;
-    color: var(--primary-color);
-  }
-  
-  .nav-links {
-    display: flex;
-    gap: var(--spacing-md);
-  }
-  
-  .nav-link {
-    padding: var(--spacing-sm) var(--spacing-md);
-    color: var(--text-primary);
-    text-decoration: none;
-    border-radius: var(--border-radius-md);
-    transition: background-color var(--transition-fast);
-  }
-  
-  .nav-link:hover {
-    background-color: var(--surface-variant);
-  }
-  
-  .nav-link.primary {
-    background-color: var(--primary-color);
-    color: var(--text-on-primary);
-  }
-  
-  .nav-link.primary:hover {
-    background-color: var(--primary-dark);
-  }
 
   .api-section {
     margin-bottom: var(--spacing-xxl);
@@ -528,35 +474,9 @@ <h2>Manage Your API Keys</h2>
     margin-top: var(--spacing-lg);
   }
 
-  footer {
-    margin-top: var(--spacing-xxl);
-    padding-top: var(--spacing-lg);
-    border-top: 1px solid var(--border-color);
-    text-align: center;
-    color: var(--text-tertiary);
-    font-size: var(--font-size-sm);
-  }
-  
-  footer a {
-    color: var(--primary-color);
-    text-decoration: none;
-  }
-  
-  footer a:hover {
-    text-decoration: underline;
-  }
-  
+
   @media (max-width: 768px) {
-    .header {
-      flex-direction: column;
-      align-items: flex-start;
-    }
-    
-    .nav-links {
-      margin-top: var(--spacing-md);
-      flex-wrap: wrap;
-    }
-    
+
     .endpoint-header {
       flex-direction: column;
       align-items: flex-start;

public/views/login.html

@@ -101,9 +101,7 @@ <h2 data-i18n="navigation.login">Login</h2>
   .password-toggle:hover {
     color: #374151;
   }
-</style>
 
-<style>
   .login-note {
     margin-top: 20px;
     padding: 10px;