added some feature for plugin

src/styles.css

@@ -112,8 +112,8 @@ button, input, textarea, select,
   font-size: 1.2rem;
   color: var(--ink);
   font-weight: 800;
-  overflow-wrap: anywhere;
-  word-break: break-word;
+  overflow-wrap: break-word;
+  word-break: normal;
 }
 
 @media (min-width: 768px) {
@@ -125,7 +125,72 @@ button, input, textarea, select,
   color: var(--ink-soft);
   font-size: 0.92rem;
   line-height: 1.7;
+  overflow-wrap: break-word;
+}
+
+.page-domain {
+  direction: ltr;
+  unicode-bidi: isolate;
   overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.page-head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 8px 10px;
+  margin-bottom: 16px;
+  width: 100%;
+  min-width: 0;
+}
+
+.page-head-back {
+  flex: 0 0 auto;
+}
+
+.page-head-text {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.page-head-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+@media (max-width: 767px) {
+  .page-head-actions,
+  .page-head .page-nav-slot,
+  .head-aside {
+    flex: 1 1 100%;
+    width: 100%;
+    margin-inline-start: 0;
+  }
+  .page-head-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .page-head-actions > * {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
+
+@media (min-width: 768px) {
+  .page-head-actions {
+    flex: 0 1 auto;
+    margin-inline-start: auto;
+  }
+}
+
+.sa-modal-wrap .ant-modal {
+  max-width: calc(100vw - 24px);
+  top: 12px;
+  padding-bottom: 12px;
 }
 
 .dash-modules {
@@ -242,6 +307,26 @@ button, input, textarea, select,
   flex-wrap: wrap;
   gap: 10px;
   margin: 14px 0 16px;
+  width: 100%;
+  min-width: 0;
+}
+
+.toolbar > .ant-input-affix-wrapper {
+  flex: 1 1 100%;
+  min-width: 0 !important;
+  max-width: 100%;
+}
+
+@media (min-width: 640px) {
+  .toolbar > .ant-input-affix-wrapper {
+    flex: 1 1 14rem;
+  }
+}
+
+@media (max-width: 639px) {
+  .toolbar > .ant-btn {
+    flex: 1 1 calc(50% - 10px);
+  }
 }
 
 .version-list { display: grid; gap: 12px; }
@@ -434,6 +519,7 @@ button, input, textarea, select,
   display: grid;
   gap: 2px;
   color: #17324d;
+  box-shadow: 0 6px 16px rgba(23, 50, 77, 0.08);
   transition: transform 0.15s ease, box-shadow 0.15s ease;
   min-width: 0;
 }
@@ -460,7 +546,7 @@ button, input, textarea, select,
 
 .tenant-panel-status-card strong {
   font-size: 0.88rem;
-  white-space: nowrap;
+  overflow-wrap: break-word;
 }
 
 .tenant-panel-status-card .card-value,