Update

Assets/UI/Styles/Global.uss

@@ -5,6 +5,19 @@
     padding: 40px;
     justify-content: center;
     align-items: center;
+    
+    /* Smooth Transition */
+    transition-property: opacity, scale;
+    transition-duration: 0.3s;
+    transition-timing-function: ease-in-out;
+    opacity: 1;
+    scale: 1;
+}
+
+.screen-root.hidden {
+    opacity: 0;
+    scale: 0.95;
+    display: none;
 }
 
 .panel {
@@ -16,6 +29,34 @@
     min-width: 400px;
 }
 
+/* Tabs Settings Style */
+.tab-container {
+    flex-direction: row;
+    margin-bottom: 20px;
+    border-bottom-width: 2px;
+    border-bottom-color: #333;
+}
+
+.tab-button {
+    flex-grow: 1;
+    background-color: rgba(60, 60, 60, 0.5);
+    border-radius: 5px 5px 0 0;
+    padding: 10px;
+    color: #888;
+    margin-right: 2px;
+}
+
+.tab-button.active-tab {
+    background-color: #3B5998;
+    color: white;
+    -unity-font-style: bold;
+}
+
+.tab-content {
+    flex-grow: 1;
+    padding: 10px;
+}
+
 /* Typography */
 .header-text {
     font-size: 48px;
@@ -23,6 +64,8 @@
     -unity-font-style: bold;
     margin-bottom: 30px;
     -unity-text-align: middle-center;
+    /* Để dùng font của bạn, hãy uncomment dòng dưới và thay đổi path */
+    /* -unity-font-definition: url("project:/Assets/Fonts/YourFont_SDF.asset"); */
 }
 
 /* Buttons */
@@ -44,13 +87,3 @@
 .button-primary:active {
     background-color: #2D4373;
 }
-
-.button-danger {
-    background-color: #A93226;
-}
-
-/* Inputs */
-.input-field {
-    margin-bottom: 15px;
-    color: white;
-}