Fix EOF newline in style.css

frontend/style.css

@@ -4,19 +4,23 @@
   --glass-bg: rgba(255, 255, 255, 0.65);
   --glass-border: rgba(255, 255, 255, 0.4);
   --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
-  
-  --primary: #6366f1; /* Indigo 500 */
+
+  --primary: #6366f1;
+  /* Indigo 500 */
   --primary-hover: #4f46e5;
-  --secondary: #0ea5e9; /* Sky 500 */
-  --text-main: #1e293b; /* Slate 800 */
-  --text-muted: #64748b; /* Slate 500 */
+  --secondary: #0ea5e9;
+  /* Sky 500 */
+  --text-main: #1e293b;
+  /* Slate 800 */
+  --text-muted: #64748b;
+  /* Slate 500 */
   --accent-glow: rgba(99, 102, 241, 0.2);
-  
+
   --sidebar-bg: rgba(255, 255, 255, 0.5);
   --input-bg: rgba(255, 255, 255, 0.8);
   --user-bubble: linear-gradient(135deg, #6366f1, #8b5cf6);
   --ai-bubble: rgba(255, 255, 255, 0.7);
-  
+
   /* Scrollbar */
   --scroll-thumb: #cbd5e1;
 }
@@ -27,19 +31,22 @@
   --glass-bg: rgba(30, 41, 59, 0.6);
   --glass-border: rgba(255, 255, 255, 0.08);
   --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
-  
-  --primary: #818cf8; /* Indigo 400 */
+
+  --primary: #818cf8;
+  /* Indigo 400 */
   --primary-hover: #6366f1;
   --secondary: #38bdf8;
-  --text-main: #f1f5f9; /* Slate 100 */
-  --text-muted: #94a3b8; /* Slate 400 */
+  --text-main: #f1f5f9;
+  /* Slate 100 */
+  --text-muted: #94a3b8;
+  /* Slate 400 */
   --accent-glow: rgba(129, 140, 248, 0.15);
-  
+
   --sidebar-bg: rgba(15, 23, 42, 0.6);
   --input-bg: rgba(30, 41, 59, 0.6);
   --user-bubble: linear-gradient(135deg, #4f46e5, #7c3aed);
   --ai-bubble: rgba(30, 41, 59, 0.7);
-  
+
   --scroll-thumb: #475569;
 }
 
@@ -52,7 +59,8 @@ body {
   margin: 0;
   font-family: 'Inter', sans-serif;
   background: var(--bg-gradient);
-  background-attachment: fixed; /* Keep heavy gradient fixed */
+  background-attachment: fixed;
+  /* Keep heavy gradient fixed */
   color: var(--text-main);
   height: 100vh;
   overflow: hidden;
@@ -163,15 +171,20 @@ body {
 .top-bar {
   padding: 1.5rem 2rem;
   display: flex;
-  justify-content: flex-end; /* Just the theme toggle here */
+  justify-content: flex-end;
+  /* Just the theme toggle here */
   align-items: center;
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
-  pointer-events: none; /* Let clicks pass through to chat */
+  pointer-events: none;
+  /* Let clicks pass through to chat */
+}
+
+.top-bar>* {
+  pointer-events: auto;
 }
-.top-bar > * { pointer-events: auto; }
 
 .theme-toggle {
   background: var(--glass-bg);
@@ -188,6 +201,7 @@ body {
   backdrop-filter: blur(4px);
   transition: background 0.2s;
 }
+
 .theme-toggle:hover {
   background: var(--accent-glow);
 }
@@ -196,7 +210,8 @@ body {
 .chat-container {
   flex: 1;
   overflow-y: auto;
-  padding: 2rem 15% 10rem 15%; /* Bottom padding for input area */
+  padding: 2rem 15% 10rem 15%;
+  /* Bottom padding for input area */
   scroll-behavior: smooth;
 }
 
@@ -207,10 +222,26 @@ body {
   opacity: 0;
   animation: slideIn 0.3s forwards;
 }
-@keyframes slideIn { to { opacity: 1; transform: translateY(0); } from { opacity: 0; transform: translateY(10px); } }
 
-.user-message { justify-content: flex-end; }
-.ai-message { justify-content: flex-start; }
+@keyframes slideIn {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+}
+
+.user-message {
+  justify-content: flex-end;
+}
+
+.ai-message {
+  justify-content: flex-start;
+}
 
 .bubble {
   max-width: 80%;
@@ -264,14 +295,16 @@ textarea {
   background: var(--input-bg);
   border: 1px solid var(--glass-border);
   border-radius: 14px;
-  padding: 1rem 3rem 1rem 1rem; /* Space for send button */
+  padding: 1rem 3rem 1rem 1rem;
+  /* Space for send button */
   color: var(--text-main);
   font-family: inherit;
   resize: none;
   min-height: 60px;
   max-height: 200px;
-  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); 
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
 }
+
 textarea:focus {
   outline: none;
   border-color: var(--primary);
@@ -294,7 +327,11 @@ textarea:focus {
   cursor: pointer;
   transition: all 0.2s;
 }
-.send-btn:hover { background: var(--primary-hover); transform: scale(1.05); }
+
+.send-btn:hover {
+  background: var(--primary-hover);
+  transform: scale(1.05);
+}
 
 .file-row {
   display: flex;
@@ -311,9 +348,16 @@ textarea:focus {
   color: var(--text-muted);
   cursor: pointer;
 }
-.file-upload-label:hover { color: var(--primary); }
 
-#files { display: none; } /* Hide default file input */
+.file-upload-label:hover {
+  color: var(--primary);
+}
+
+#files {
+  display: none;
+}
+
+/* Hide default file input */
 
 /* Progress Bar */
 .progress-container {
@@ -324,6 +368,7 @@ textarea:focus {
   overflow: hidden;
   display: none;
 }
+
 .progress-bar {
   height: 100%;
   background: var(--success, #10b981);
@@ -332,8 +377,15 @@ textarea:focus {
 }
 
 /* Citations & Analytics Links inside bubbles */
-a { color: var(--primary); text-decoration: none; font-weight: 500; }
-a:hover { text-decoration: underline; }
+a {
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+a:hover {
+  text-decoration: underline;
+}
 
 .confidence-badge {
   display: inline-flex;
@@ -348,7 +400,7 @@ a:hover { text-decoration: underline; }
 }
 
 .citation-box {
-  background: rgba(0,0,0,0.03);
+  background: rgba(0, 0, 0, 0.03);
   border-left: 3px solid var(--primary);
   padding: 8px 12px;
   margin-top: 8px;
@@ -357,7 +409,19 @@ a:hover { text-decoration: underline; }
 }
 
 /* Scrollbar Styling */
-::-webkit-scrollbar { width: 8px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 4px; }
-::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scroll-thumb);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--text-muted);
+}