diff --git a/app/sage.py b/app/sage.py
index 0ea29374..3d7c1fd0 100644
--- a/app/sage.py
+++ b/app/sage.py
@@ -32,6 +32,7 @@ from bugfix.init import load_bugfix
 from discount.init import load_discount
 from tenant.init import load_tenant
 from smssend import load_smssend
+from sage_datamart import load_sage_datamart
 from ext import *
 from rf import *
 __version__ = '0.0.1'
@@ -62,6 +63,7 @@ def init():
 	load_dashboard_for_sage()
 	load_reallife_asset()
 	load_bugfix()
+	load_sage_datamart()
 	
 if __name__ == '__main__':
 	webapp(init)
diff --git a/wwwroot/tenant/tenant.css b/wwwroot/tenant/tenant.css
index 3074d1db..9d881d47 100644
--- a/wwwroot/tenant/tenant.css
+++ b/wwwroot/tenant/tenant.css
@@ -23,57 +23,57 @@
 .nav-link {
 	cursor: pointer;
 	font-size: 15px;
-	color: #333;
+	color: #374151;
 	font-weight: 500;
 	transition: color 0.2s;
 }
 
 .nav-link:hover {
-	color: #6366f1;
+	color: #3b82f6;
 }
 
 .login-btn {
-	background: #6366f1 !important;
+	background: #3b82f6 !important;
 	color: #fff !important;
 	border: none !important;
 	padding: 10px 24px !important;
-	border-radius: 6px !important;
+	border-radius: 8px !important;
 	font-size: 14px !important;
 	font-weight: 600 !important;
 	cursor: pointer !important;
 }
 
 .login-btn:hover {
-	background: #5558e3 !important;
+	background: #2563eb !important;
 }
 
 .tenant-hero {
-	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-	min-height: 500px;
+	background: linear-gradient(180deg, #f0f7ff 0%, #fff 60%, #f5f8ff 100%);
+	min-height: 520px;
 }
 
 .hero-content {
-	color: #fff;
+	color: #111827;
 }
 
 .hero-title {
-	font-size: 48px !important;
-	font-weight: 700 !important;
-	line-height: 1.2 !important;
-	color: #fff !important;
+	font-size: 56px !important;
+	font-weight: 800 !important;
+	line-height: 1.15 !important;
+	color: #111827 !important;
 }
 
 .hero-subtitle {
-	font-size: 24px !important;
-	color: rgba(255,255,255,0.9) !important;
+	font-size: 22px !important;
+	color: #4b5563 !important;
 	font-weight: 400 !important;
 }
 
 .hero-btn {
-	background: #fff !important;
-	color: #6366f1 !important;
+	background: #3b82f6 !important;
+	color: #fff !important;
 	border: none !important;
-	padding: 14px 32px !important;
+	padding: 14px 36px !important;
 	border-radius: 8px !important;
 	font-size: 16px !important;
 	font-weight: 600 !important;
@@ -81,7 +81,7 @@
 }
 
 .hero-btn:hover {
-	background: #f0f0f0 !important;
+	background: #2563eb !important;
 }
 
 .hero-image {
@@ -89,14 +89,14 @@
 }
 
 .tenant-solutions {
-	background: #f8f9fa;
+	background: #fff;
 }
 
 .section-title {
 	font-size: 36px !important;
 	font-weight: 700 !important;
 	text-align: center !important;
-	color: #1a1a2e !important;
+	color: #111827 !important;
 	margin-bottom: 20px !important;
 }
 
@@ -108,8 +108,8 @@
 
 .solution-card {
 	background: #fff;
-	border-radius: 12px;
-	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
+	border-radius: 16px;
+	box-shadow: 0 4px 24px rgba(0,0,0,0.06);
 	transition: transform 0.2s, box-shadow 0.2s;
 }
 
@@ -121,23 +121,23 @@
 .card-title {
 	font-size: 24px !important;
 	font-weight: 700 !important;
-	color: #1a1a2e !important;
+	color: #111827 !important;
 }
 
 .card-text {
 	font-size: 15px !important;
-	color: #666 !important;
+	color: #6b7280 !important;
 	line-height: 1.6 !important;
 }
 
 .card-stat {
 	font-size: 14px !important;
-	color: #6366f1 !important;
+	color: #3b82f6 !important;
 	font-weight: 600 !important;
 }
 
 .tenant-cases {
-	background: #fff;
+	background: #f8faff;
 }
 
 .case-cards {
@@ -148,9 +148,9 @@
 
 .case-card {
 	background: #fff;
-	border-radius: 12px;
+	border-radius: 16px;
 	overflow: hidden;
-	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
+	box-shadow: 0 4px 24px rgba(0,0,0,0.06);
 	transition: transform 0.2s;
 }
 
@@ -167,26 +167,26 @@
 .case-title {
 	font-size: 20px !important;
 	font-weight: 700 !important;
-	color: #1a1a2e !important;
+	color: #111827 !important;
 	padding: 0 20px !important;
 }
 
 .case-company {
 	font-size: 14px !important;
-	color: #6366f1 !important;
+	color: #3b82f6 !important;
 	font-weight: 600 !important;
 	padding: 0 20px !important;
 }
 
 .case-desc {
 	font-size: 14px !important;
-	color: #666 !important;
+	color: #6b7280 !important;
 	line-height: 1.6 !important;
 	padding: 0 20px 20px !important;
 }
 
 .tenant-footer {
-	background: #1a1a2e;
+	background: #111827;
 	color: #fff;
 	min-height: 80px;
 }