Update app.py

app.py

@@ -1,3 +1,4 @@
+#app.py
 import gradio as gr
 import pandas as pd
 import openpyxl
@@ -37,6 +38,7 @@ custom_css = os.getenv('CUSTOM_CSS', '''
     --border-radius: 18px;
     --shadow: 0 8px 30px rgba(251, 127, 13, 0.08);
 }
+
 body {
     font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
     background-color: var(--background-color);
@@ -45,12 +47,14 @@ body {
     margin: 0;
     padding: 0;
 }
+
 .gradio-container {
     width: 100%;
     margin: 0 auto;
     padding: 20px;
     background-color: var(--background-color);
 }
+
 .custom-header {
     background: #FF7F00;
     padding: 2rem;
@@ -59,17 +63,20 @@ body {
     box-shadow: var(--shadow);
     text-align: center;
 }
+
 .custom-header h1 {
     margin: 0;
     font-size: 2.5rem;
     font-weight: 700;
     color: black;
 }
+
 .custom-header p {
     margin: 10px 0 0;
     font-size: 1.2rem;
     color: black;
 }
+
 .custom-frame {
     background-color: var(--card-bg);
     border: 1px solid rgba(0, 0, 0, 0.04);
@@ -78,6 +85,7 @@ body {
     margin: 10px 0;
     box-shadow: var(--shadow);
 }
+
 .custom-button {
     border-radius: 30px !important;
     background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
@@ -88,10 +96,12 @@ body {
     box-shadow: 0 4px 8px rgba(251, 127, 13, 0.25);
     transition: transform 0.3s ease;
 }
+
 .custom-button:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 12px rgba(251, 127, 13, 0.3);
 }
+
 .custom-title {
     font-size: 28px;
     font-weight: bold;
@@ -100,14 +110,17 @@ body {
     border-bottom: 2px solid var(--primary-color);
     padding-bottom: 5px;
 }
+
 .gr-tabs-panel {
     background-color: var(--background-color) !important;
     box-shadow: none !important;
 }
+
 .custom-section-group {
     background-color: var(--background-color) !important;
     box-shadow: none !important;
 }
+
 .gr-textbox textarea,
 .gr-textbox input {
     border-radius: 12px !important;
@@ -115,21 +128,25 @@ body {
     font-size: 14px;
     transition: border-color 0.3s ease;
 }
+
 .gr-textbox textarea:focus,
 .gr-textbox input:focus {
     border-color: var(--primary-color) !important;
     box-shadow: 0 0 0 3px rgba(251, 127, 13, 0.1) !important;
 }
+
 .gr-file {
     border-radius: var(--border-radius) !important;
     border: 2px dashed var(--primary-color) !important;
     background-color: rgba(251, 127, 13, 0.05) !important;
     transition: all 0.3s ease;
 }
+
 .gr-file:hover {
     background-color: rgba(251, 127, 13, 0.1) !important;
     border-color: var(--secondary-color) !important;
 }
+
 @media (max-width: 768px) {
     .gradio-container {
         padding: 10px;
@@ -606,4 +623,5 @@ if __name__ == "__main__":
         server_name="0.0.0.0",
         server_port=7860,
         show_error=True,
-        debug=False
+        debug=False
+    )