feat: Add default grading system and custom CSS constants

src/constants.py

@@ -1,6 +1,7 @@
 import os
+import pandas as pd
 
-API_KEY = os.getenv("API_KEY")
+API_KEY = "e994f494-cdb5-468d-84bc-dca6a4d3af67"
 CONVERSATIONAL_MODEL_API_ENDPOINT = "https://talent-interview-prep-conversational-model.multimodal.dev/"
 QUESTION_RELATED_FEEDBACK_API_ENDPOINT = "https://talent-interview-prep-question-related-feedback.multimodal.dev/"
 QUESTION_RELATED_IDEAL_ANSWER_API_ENDPOINT = "https://talent-interview-prep-question-related-ideal-answer.multimodal.dev/"
@@ -21,4 +22,50 @@ QUESTIONS = {
     "Now that we've discussed the role and responsibilities, do you have any questions about our company or the Senior Product Manager position?": ""
 }
 
-FULL_QUESTIONS = list(QUESTIONS.keys())
+FULL_QUESTIONS = list(QUESTIONS.keys())
+
+DEFAULT_GRADING_SYSTEM_DF = pd.DataFrame(
+    {
+        "Question criteria": [
+            ""
+        ],
+        "Evaluation": [
+            ""
+        ]
+    }
+)
+
+CUSTOM_CSS = """
+#fill-button {
+    height: 100%; 
+    width: 100%; 
+    background-color: #f97316; 
+    border-radius: 8px; 
+    display: flex;
+    flex-direction: column; 
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: none;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
+    transition: background-color 0.3s, transform 0.2s;
+}
+
+#fill-button:hover {
+    background-color: #ea580c; 
+    transform: scale(1.05); 
+}
+
+#fill-button span {
+    font-size: 18px; 
+    color: white; 
+    font-weight: bold; 
+    margin-bottom: 20px; 
+}
+
+#fill-button::after {
+    content: '➤'; 
+    font-size: 18px; 
+    color: white;
+}
+"""