Update static/styles.css

static/styles.css

@@ -10,6 +10,39 @@ body {
     overflow: auto;
 }
 
+/* Existing CSS remains the same until new sections */
+
+/* Popup styling */
+.popup {
+    display: none;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background: white;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    z-index: 1000;
+    max-height: 80vh;
+    overflow-y: auto;
+}
+
+.popup-content {
+    max-width: 300px;
+}
+
+.close-btn {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    cursor: pointer;
+    font-size: 20px;
+}
+
+/* Existing media queries remain the same */
+
 .chat-container {
     width: 100%;
     max-width: 400px;