Upload styles/globals.css with huggingface_hub

styles/globals.css

@@ -0,0 +1,44 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+}
+
+body {
+  color: #1e293b;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  min-height: 100vh;
+}
+
+@layer components {
+  .chat-container {
+    @apply max-w-4xl mx-auto bg-white shadow-2xl rounded-2xl overflow-hidden h-[90vh] flex flex-col;
+  }
+  
+  .message-bubble {
+    @apply max-w-xs lg:max-w-md px-4 py-2 rounded-2xl shadow-md;
+  }
+  
+  .user-message {
+    @apply bg-primary-500 text-white ml-auto rounded-br-md;
+  }
+  
+  .bot-message {
+    @apply bg-gray-100 text-gray-800 mr-auto rounded-bl-md;
+  }
+  
+  .input-container {
+    @apply border-t border-gray-200 p-4 bg-white;
+  }
+}