Update app.py

app.py

@@ -22,9 +22,12 @@ REAL_ADMIN_PASSWORD = os.getenv("ADMIN_PASSWORD") or "2016-11-11"
 supabase: Client = create_client(SUPABASE_URL, SUPABASE_KEY)
 
 def get_bookings():
-    res = supabase.table("bookings").select("*").order("created_at", desc=True).execute()
-    if not res.data: return pd.DataFrame()
-    return pd.DataFrame(res.data)
+    try:
+        res = supabase.table("bookings").select("*").order("created_at", desc=True).execute()
+        if not res.data: return pd.DataFrame()
+        return pd.DataFrame(res.data)
+    except:
+        return pd.DataFrame()
 
 def send_confirmation_hybrid(booking_id):
     if not booking_id: return "❌ 無效 ID"
@@ -111,17 +114,15 @@ def render_booking_cards():
             border_color = "#f1c40f"
 
         # 按鈕邏輯
-        # 只有「顧客已取消」才鎖定，其他狀態 (包含已確認、已發送) 都允許重發
         is_canceled = '取消' in status
         btn_onclick = "" if is_canceled else f"cardAction({row['id']})"
         
-        # 按鈕樣式與文字
         if is_canceled:
             btn_style = "background: #333; color: #666; cursor: not-allowed;"
             btn_text = "🚫 已取消"
         elif '已發' in status or '確認' in status:
             btn_style = "background: #2c3e50; color: #fff; border: 1px solid #555; hover:background:#34495e;"
-            btn_text = "🔄 重發確認" # 允許重發
+            btn_text = "🔄 重發確認" 
         else:
             btn_style = "background: #d4af37; color: #000; font-weight:bold; box-shadow: 0 4px 10px rgba(212, 175, 55, 0.4);"
             btn_text = "🚀 發送確認"
@@ -219,7 +220,7 @@ def check_login(user, password):
             error_msg: "<span style='color: red'>❌ 帳號或密碼錯誤</span>"
         }
 
-# --- JS 邏輯 (負責點擊卡片按鈕) ---
+# --- JS 邏輯 ---
 js_logic = """
 function() {
     window.cardAction = function(id) {
@@ -236,10 +237,12 @@ function() {
 }
 """
 
-# --- CSS 優化 ---
+# --- CSS 優化 (修復 elem_style 錯誤) ---
+# 把原本 inline 的 elem_style 移到這裡的 header-panel
 custom_css = """
 body, .gradio-container { background-color: #0F0F0F; color: #fff; }
-/* 隱藏捲軸但保留捲動功能 */
+
+/* 讓卡片容器可以滾動但隱藏捲軸 */
 #booking_display { 
     max-height: 85vh; 
     overflow-y: auto; 
@@ -248,10 +251,19 @@ body, .gradio-container { background-color: #0F0F0F; color: #fff; }
 #booking_display::-webkit-scrollbar { width: 4px; }
 #booking_display::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
 button:active { transform: scale(0.98); }
+
+/* Header Panel 樣式 */
+#header-panel {
+    background: #1a1a1a;
+    border: none;
+    padding: 10px;
+    margin-bottom: 20px;
+}
 """
 
 # --- 介面 ---
-with gr.Blocks(title="Admin", css=custom_css) as demo:
+# ⚠️ 注意：css 參數從 Blocks 移到 launch
+with gr.Blocks(title="Admin") as demo:
     
     # 1. 登入
     with gr.Group(visible=True) as login_row:
@@ -264,7 +276,8 @@ with gr.Blocks(title="Admin", css=custom_css) as demo:
         
     # 2. 後台
     with gr.Group(visible=False) as admin_row:
-        with gr.Row(variant="panel", elem_style="background:#1a1a1a; border:none; padding:10px; margin-bottom:20px;"):
+        # 修正：移除 elem_style，改用 elem_id
+        with gr.Row(variant="panel", elem_id="header-panel"):
             gr.Markdown("### 🍷 Cié Cié Dashboard")
             refresh_btn = gr.Button("🔄 刷新列表", size="sm", variant="secondary")
         
@@ -299,4 +312,5 @@ with gr.Blocks(title="Admin", css=custom_css) as demo:
     demo.load(None, js=js_logic)
 
 if __name__ == "__main__":
-    demo.launch()
+    # ⚠️ 修正：將 css 參數移至 launch()
+    demo.launch(css=custom_css)