china-mobile-international-custom-components 0.0.24 → 0.0.26

package/es/AvailableRangeSetting.mjs

@@ -251,5 +251,7 @@ const K = { class: "dialog-content" }, Q = {
 }), ne = B(ee);
 export {
   ne as AvailableRangeSetting,
-  ne as default
+  S as RANGE_TYPES,
+  ne as default,
+  $ as rangeOptions
 };

package/es/PageContainer.mjs

@@ -1,18 +1,21 @@
-import { w as oe } from "./chunks/index.bCzIhWFw.js";
-import { ref as h, useSlots as ie, computed as S, watch as T, onMounted as se, createElementBlock as m, openBlock as u, createCommentVNode as k, createElementVNode as x, renderSlot as C, createVNode as p, unref as s, withCtx as d, createBlock as w, resolveDynamicComponent as de, toDisplayString as P, normalizeClass as F, mergeProps as I, toHandlers as ue, createSlots as $, Fragment as N, renderList as E, createTextVNode as L, normalizeProps as fe, guardReactiveProps as pe } from "vue";
-import { C as R } from "./chunks/layout.CWL6NVjA.js";
-import { SearchBar as ce } from "color-star-custom-components";
-import { IconZuo as me, IconMore as ge } from "color-message-aibox-vue";
-import { emitsMap as i, paginationConfig as O, pageParams as v, operationConfigMap as W } from "color-star-custom-methods";
-import { ElIcon as U, ElTable as ye, ElTableColumn as be, ElButton as he, ElDropdown as ve, ElDropdownMenu as ke, ElDropdownItem as Ce, ElPagination as we } from "element-plus";
-import { useRouter as ze } from "vue-router";
-import { _ as Se } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/PageContainer.css';const H = {
+import { w as pe } from "./chunks/index.bCzIhWFw.js";
+import { ref as c, useSlots as me, computed as x, watch as W, onMounted as ge, createElementBlock as p, openBlock as i, createCommentVNode as w, createElementVNode as P, renderSlot as z, createVNode as v, unref as u, withCtx as s, createBlock as h, resolveDynamicComponent as ve, toDisplayString as A, normalizeClass as U, mergeProps as H, toHandlers as ye, createSlots as K, Fragment as D, renderList as I, createTextVNode as q, normalizeProps as be, guardReactiveProps as he } from "vue";
+import { C as Y } from "./chunks/layout.CWL6NVjA.js";
+import { SearchBar as ke } from "color-star-custom-components";
+import { IconZuo as Ce, IconMore as Se } from "color-message-aibox-vue";
+import { emitsMap as d, paginationConfig as O, pageParams as E, operationConfigMap as Z } from "color-star-custom-methods";
+import { ElIcon as G, ElTable as we, ElTableColumn as ze, ElButton as Ee, ElDropdown as xe, ElDropdownMenu as Pe, ElDropdownItem as Ie, ElScrollbar as Ne, ElPagination as Ae } from "element-plus";
+import { useRouter as De } from "vue-router";
+import { _ as Oe } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/PageContainer.css';const J = {
   ACTION: "action"
-}, xe = { class: "page-container flex flex-col overflow-hidden h-full" }, Pe = { class: "text-1f2329 pd-l-4" }, Ee = { class: "action-buttons flex items-center" }, Oe = {
-  key: 1,
+}, N = {
+  TABLE: "table",
+  CARD_INFINITE: "card-infinite"
+}, Te = { class: "page-container flex flex-col overflow-hidden h-full" }, Re = { class: "text-1f2329 pd-l-4" }, Ve = { class: "action-buttons flex items-center" }, Be = { class: "card-list" }, Fe = {
+  key: 3,
   class: "pagination-section pd-t-16 flex justify-center"
-}, Ve = /* @__PURE__ */ Object.assign({
+}, je = /* @__PURE__ */ Object.assign({
   name: "PageContainer"
 }, {
   __name: "layout",
@@ -78,8 +81,8 @@ import './assets/PageContainer.css';const H = {
     pagination: {
       type: Object,
       default: () => ({
-        page: v.pageNum,
-        size: v.pageSize,
+        page: E.pageNum,
+        size: E.pageSize,
         total: 0,
         pageSizes: O.pageSizes,
         layout: O.layout
@@ -113,102 +116,126 @@ import './assets/PageContainer.css';const H = {
     minWidth: {
       type: Number,
       default: 290
+    },
+    // 显示模式：MODES.TABLE(表格) | MODES.CARD_INFINITE(无限滚动卡片)
+    mode: {
+      type: String,
+      default: N.TABLE,
+      validator: (r) => Object.values(N).includes(r)
     }
   },
   emits: [
-    i.search,
-    i.reset,
-    i.actionClick,
-    i.paginationChange,
-    i.sizeChange,
-    i.dataLoaded,
-    i.dataError,
-    i.updateModelValue
+    d.search,
+    d.reset,
+    d.actionClick,
+    d.paginationChange,
+    d.sizeChange,
+    d.dataLoaded,
+    d.dataError,
+    d.updateModelValue
+    // 'card-click',
   ],
-  setup(l, { expose: q, emit: K }) {
-    const Y = ze(), n = l, g = K, Z = h(null), G = h(null), J = ie(), V = h(!1), z = h([]), y = h({
-      page: v.pageNum,
-      size: v.pageSize,
+  setup(r, { expose: Q, emit: X }) {
+    const _ = De(), o = r, k = X, ee = c(null), ae = c(null), te = c(null), le = me(), T = c(!1), y = c([]), m = c({
+      page: E.pageNum,
+      size: E.pageSize,
       total: 0,
       pageSizes: O.pageSizes,
       layout: O.layout
-    }), c = h({ ...n.modelValue }), Q = S(
-      () => n.api ? z.value : n.tableData
-    ), f = S(
-      () => n.api ? y.value : n.pagination
-    ), X = S(
-      () => n.api ? V.value : n.tableProps.loading || !1
-    ), D = S(() => n.columns?.map((e) => {
-      if (e.type === H.ACTION && (Array.isArray(e.actions) || typeof e.actions == "function"))
+    }), g = c({ ...o.modelValue }), C = c(!1), S = c(!0), R = x(
+      () => o.api ? y.value : o.tableData
+    ), f = x(
+      () => o.api ? m.value : o.pagination
+    ), V = x(
+      () => o.api ? T.value || C.value : o.tableProps.loading || C.value || !1
+    ), B = x(() => o.mode === N.CARD_INFINITE), j = x(() => o.columns?.map((e) => {
+      if (e.type === J.ACTION && (Array.isArray(e.actions) || typeof e.actions == "function"))
         return {
           ...e,
           align: "center",
           fixed: "right"
         };
-      const { width: a, ...t } = e;
+      const { width: t, ...a } = e;
       return {
-        ...t,
-        minWidth: a
+        ...a,
+        minWidth: t
       };
-    })), _ = () => {
-      Y.back();
-    }, ee = (e, a) => a.formatter ? a.formatter(e[a.prop], e, a) : e[a.prop], te = (e) => J[e] !== void 0, A = (e, a) => typeof e.actions == "function" ? e.actions(a) || [] : e.actions || [], ae = (e) => e.length < 3 ? e : e.slice(0, 1), j = (e) => e.length < 3 ? [] : e.slice(1), b = (e = {}) => {
-      if (!n.api) return;
-      V.value = !0;
+    })), ne = (e) => {
+      !B.value || !S.value || V.value || b({}, !0);
+    }, re = (e, t) => e.id || e.bnid || e.key || `item-${t}`, oe = () => {
+      _.back();
+    }, ie = (e, t) => t.formatter ? t.formatter(e[t.prop], e, t) : e[t.prop], ue = (e) => le[e] !== void 0, F = (e, t) => typeof e.actions == "function" ? e.actions(t) || [] : e.actions || [], se = (e) => e.length < 3 ? e : e.slice(0, 1), $ = (e) => e.length < 3 ? [] : e.slice(1), b = (e = {}, t = !1) => {
+      if (!o.api) return;
+      if (t) {
+        if (!S.value || C.value) return;
+        C.value = !0;
+      } else
+        T.value = !0, B.value && (S.value = !0, C.value = !1);
       const a = {
         ...e,
         // 搜索参数等
-        ...n.apiParams,
-        ...c.value
+        ...o.apiParams,
+        ...g.value
       };
-      n.showPagination && (a.page = f.value.page, a.size = f.value.size), n.api(a).then((t) => {
-        z.value = t?.data?.data || t?.data || [], y.value.total = t?.data?.total || 0, g(i.dataLoaded, {
-          data: z.value,
-          pagination: y.value,
-          params: a
+      o.showPagination && (t ? a.page = f.value.page + 1 : a.page = f.value.page, a.size = f.value.size), o.api(a).then((l) => {
+        const n = l?.data?.memberSo?.data || l?.data?.data || l?.data || [];
+        if (t) {
+          if (!n || n.length === 0) {
+            S.value = !1;
+            return;
+          }
+          y.value = [...y.value, ...n], m.value.page = a.page, m.value.total = l?.data?.totalNum || l?.data?.total || y.value.length, n.length < f.value.size && (S.value = !1);
+        } else
+          y.value = n, m.value.total = l?.data?.totalNum || l?.data?.total || 0;
+        k(d.dataLoaded, {
+          data: y.value,
+          pagination: m.value,
+          params: a,
+          response: l?.data,
+          isLoadMore: t
         });
-      }).catch((t) => {
-        z.value = [], y.value.total = 0, g(i.dataError, t);
+      }).catch((l) => {
+        t ? S.value = !1 : (y.value = [], m.value.total = 0), k(d.dataError, l);
       }).finally(() => {
-        V.value = !1;
+        t ? C.value = !1 : T.value = !1;
       });
-    }, B = () => {
-      n.api ? (y.value.page = v.pageNum, b()) : g(i.search, c.value);
-    }, le = () => {
+    }, M = () => {
+      o.api ? (m.value.page = E.pageNum, b()) : k(d.search, g.value);
+    }, de = () => {
       const e = {};
-      Object.keys(c.value).forEach((a) => {
-        e[a] = void 0;
-      }), c.value = e, n.api ? (y.value.page = v.pageNum, b()) : g(i.reset);
-    }, M = (e, a, t) => {
-      g(i.actionClick, { action: e, row: a, index: t });
-    }, re = (e, a) => {
+      Object.keys(g.value).forEach((t) => {
+        e[t] = void 0;
+      }), g.value = e, o.api ? (m.value.page = E.pageNum, b()) : k(d.reset);
+    }, L = (e, t, a) => {
+      k(d.actionClick, { action: e, row: t, index: a });
+    }, fe = (e, t) => {
       switch (e) {
-        case W.search:
-          B();
+        case Z.search:
+          M();
           break;
-        case W.reset:
-          le();
+        case Z.reset:
+          de();
           break;
       }
-    }, ne = (e, a) => {
+    }, ce = (e, t) => {
     };
-    return T(
-      () => n.modelValue,
+    return W(
+      () => o.modelValue,
       (e) => {
-        c.value = { ...e };
+        g.value = { ...e };
       },
       { deep: !0, immediate: !0 }
-    ), T(
-      () => c.value,
+    ), W(
+      () => g.value,
       (e) => {
-        g(i.updateModelValue, { ...e });
+        k(d.updateModelValue, { ...e });
       },
       { deep: !0 }
-    ), se(() => {
-      n.autoLoad && n.api && b();
-    }), q({
+    ), ge(() => {
+      o.autoLoad && o.api && b();
+    }), Q({
       loadData: b,
-      handleSearch: B
+      handleSearch: M
       // SearchBar相关方法
       // validate: () => searchFormRef.value?.validate?.(),
       // getFormData: () =>
@@ -220,110 +247,112 @@ import './assets/PageContainer.css';const H = {
       //     handleReset()
       //   }
       // },
-    }), (e, a) => (u(), m("div", xe, [
-      l.breadcrumb.show ? (u(), m("div", {
+    }), (e, t) => (i(), p("div", Te, [
+      r.breadcrumb.show ? (i(), p("div", {
         key: 0,
         class: "flex items-center fz-14 pd-b-20 pointer",
-        onClick: _
+        onClick: oe
       }, [
-        p(s(U), { size: 16 }, {
-          default: d(() => [
-            (u(), w(de(l.breadcrumb.icon || s(me))))
+        v(u(G), { size: 16 }, {
+          default: s(() => [
+            (i(), h(ve(r.breadcrumb.icon || u(Ce))))
           ]),
           _: 1
         }),
-        x("span", Pe, P(l.breadcrumb.text), 1)
-      ])) : k("", !0),
-      l.searchFields && l.searchFields.length > 0 ? (u(), m("div", {
+        P("span", Re, A(r.breadcrumb.text), 1)
+      ])) : w("", !0),
+      r.searchFields && r.searchFields.length > 0 ? (i(), p("div", {
         key: 1,
-        class: F({
-          "search-section pd-b-12 mg-b-12": !l.isSeparate,
-          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16": l.isSeparate
+        class: U({
+          "search-section pd-b-12 mg-b-12": !r.isSeparate,
+          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16": r.isSeparate
         })
       }, [
-        p(R, { title: "查询" }),
-        p(s(ce), {
+        v(Y, { title: "查询" }),
+        v(u(ke), {
           ref_key: "searchFormRef",
-          ref: Z,
-          items: l.searchFields,
+          ref: ee,
+          items: r.searchFields,
           "filter-mode": !1,
-          minWidth: l.minWidth,
+          minWidth: r.minWidth,
           hideExpandButton: !1,
           fixedWidth: !0,
           maxHeight: 32,
-          modelValue: c.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (t) => c.value = t),
-          onOperation: re,
-          onChange: ne
+          modelValue: g.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => g.value = a),
+          onOperation: fe,
+          onChange: ce
         }, null, 8, ["items", "minWidth", "modelValue"])
-      ], 2)) : k("", !0),
-      x("div", {
-        class: F(["table-section flex-1 overflow-hidden flex flex-col", {
-          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": l.isSeparate
+      ], 2)) : w("", !0),
+      P("div", {
+        class: U(["data-section flex-1 overflow-hidden flex flex-col", {
+          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": r.isSeparate
         }])
       }, [
-        l.title ? C(e.$slots, "title", { key: 0 }, () => [
-          p(R, { title: l.title }, {
-            default: d(() => [
-              C(e.$slots, "title-actions", {}, void 0, !0)
+        r.title ? z(e.$slots, "title", { key: 0 }, () => [
+          v(Y, { title: r.title }, {
+            default: s(() => [
+              z(e.$slots, "title-actions", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["title"])
-        ], !0) : k("", !0),
-        p(s(ye), I({
+        ], !0) : w("", !0),
+        r.mode === u(N).TABLE ? (i(), h(u(we), H({
+          key: 1,
           ref_key: "tableRef",
-          ref: G,
-          data: Q.value,
-          columns: D.value,
-          "row-key": l.treeProps.rowKey,
-          "tree-props": l.treeProps
-        }, { ...l.tableProps, loading: X.value }, ue(l.tableEvents), {
+          ref: ae,
+          data: R.value,
+          columns: j.value,
+          "row-key": r.treeProps.rowKey,
+          "tree-props": r.treeProps,
+          "show-overflow-tooltip": !0
+        }, { ...r.tableProps, loading: V.value }, ye(r.tableEvents), {
           class: "flex-1 admin-dashboard-table",
           border: ""
-        }), $({
-          default: d(() => [
-            (u(!0), m(N, null, E(D.value, (t) => (u(), w(s(be), I({
-              key: t.prop
-            }, { ref_for: !0 }, t), $({ _: 2 }, [
-              t.type === s(H).ACTION ? {
+        }), K({
+          default: s(() => [
+            (i(!0), p(D, null, I(j.value, (a) => (i(), h(u(ze), H({
+              key: a.prop
+            }, { ref_for: !0 }, a), K({ _: 2 }, [
+              a.type === u(J).ACTION ? {
                 name: "default",
-                fn: d((o) => [
-                  x("div", Ee, [
-                    (u(!0), m(N, null, E(ae(
-                      A(t, o.row)
-                    ), (r) => (u(), w(s(he), {
-                      key: r.key || r.label,
-                      type: r.type || "primary",
-                      size: r.size || "small",
-                      disabled: r.disabled,
-                      loading: r.loading,
-                      text: r.text,
-                      link: r.link,
-                      icon: r.icon,
-                      onClick: (Ne) => M(r, o.row, o.$index)
+                fn: s((l) => [
+                  P("div", Ve, [
+                    (i(!0), p(D, null, I(se(
+                      F(a, l.row)
+                    ), (n) => (i(), h(u(Ee), {
+                      key: n.key || n.label,
+                      type: n.type || "primary",
+                      size: n.size || "small",
+                      disabled: n.disabled,
+                      loading: n.loading,
+                      text: n.text,
+                      link: n.link,
+                      icon: n.icon,
+                      onClick: (Me) => L(n, l.row, l.$index)
                     }, {
-                      default: d(() => [
-                        L(P(r.label), 1)
+                      default: s(() => [
+                        q(A(n.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["type", "size", "disabled", "loading", "text", "link", "icon", "onClick"]))), 128)),
-                    j(A(t, o.row)).length > 0 ? (u(), w(s(ve), {
+                    $(F(a, l.row)).length > 0 ? (i(), h(u(xe), {
                       key: 0,
-                      onCommand: (r) => M(r, o.row, o.$index),
+                      onCommand: (n) => L(n, l.row, l.$index),
                       trigger: "click"
                     }, {
-                      dropdown: d(() => [
-                        p(s(ke), null, {
-                          default: d(() => [
-                            (u(!0), m(N, null, E(j(
-                              A(t, o.row)
-                            ), (r) => (u(), w(s(Ce), {
-                              key: r.key || r.label,
-                              command: r,
-                              disabled: r.disabled
+                      dropdown: s(() => [
+                        v(u(Pe), null, {
+                          default: s(() => [
+                            (i(!0), p(D, null, I($(
+                              F(a, l.row)
+                            ), (n) => (i(), h(u(Ie), {
+                              key: n.key || n.label,
+                              command: n,
+                              disabled: n.disabled
                             }, {
-                              default: d(() => [
-                                L(P(r.label), 1)
+                              default: s(() => [
+                                q(A(n.label), 1)
                               ]),
                               _: 2
                             }, 1032, ["command", "disabled"]))), 128))
@@ -331,33 +360,33 @@ import './assets/PageContainer.css';const H = {
                           _: 2
                         }, 1024)
                       ]),
-                      default: d(() => [
-                        p(s(U), null, {
-                          default: d(() => [
-                            p(s(ge))
+                      default: s(() => [
+                        v(u(G), null, {
+                          default: s(() => [
+                            v(u(Se))
                           ]),
                           _: 1
                         })
                       ]),
                       _: 2
-                    }, 1032, ["onCommand"])) : k("", !0)
+                    }, 1032, ["onCommand"])) : w("", !0)
                   ])
                 ]),
                 key: "0"
-              } : te(t.prop) ? {
+              } : ue(a.prop) ? {
                 name: "default",
-                fn: d((o) => [
-                  C(e.$slots, t.prop, {
-                    row: o.row,
-                    index: o.$index,
-                    column: t
+                fn: s((l) => [
+                  z(e.$slots, a.prop, {
+                    row: l.row,
+                    index: l.$index,
+                    column: a
                   }, void 0, !0)
                 ]),
                 key: "1"
               } : {
                 name: "default",
-                fn: d((o) => [
-                  x("span", null, P(ee(o.row, t)), 1)
+                fn: s((l) => [
+                  P("span", null, A(ie(l.row, a)), 1)
                 ]),
                 key: "2"
               }
@@ -365,33 +394,57 @@ import './assets/PageContainer.css';const H = {
           ]),
           _: 2
         }, [
-          E(l.customSlots, (t) => ({
-            name: t,
-            fn: d((o) => [
-              C(e.$slots, t, fe(pe(o)), void 0, !0)
+          I(r.customSlots, (a) => ({
+            name: a,
+            fn: s((l) => [
+              z(e.$slots, a, be(he(l)), void 0, !0)
             ])
           }))
-        ]), 1040, ["data", "columns", "row-key", "tree-props"]),
-        l.showPagination ? (u(), m("div", Oe, [
-          p(s(we), {
+        ]), 1040, ["data", "columns", "row-key", "tree-props"])) : r.mode === u(N).CARD_INFINITE ? (i(), h(u(Ne), {
+          key: 2,
+          ref_key: "scrollbarRef",
+          ref: te,
+          class: "card-container flex-1",
+          onEndReached: ne
+        }, {
+          default: s(() => [
+            P("div", Be, [
+              (i(!0), p(D, null, I(R.value, (a, l) => (i(), p("div", {
+                key: re(a, l),
+                class: "card-item"
+              }, [
+                z(e.$slots, "card", {
+                  item: a,
+                  index: l,
+                  data: R.value,
+                  loading: V.value
+                }, void 0, !0)
+              ]))), 128))
+            ])
+          ]),
+          _: 3
+        }, 512)) : w("", !0),
+        r.showPagination && !B.value ? (i(), p("div", Fe, [
+          v(u(Ae), {
             "current-page": f.value.page,
-            "onUpdate:currentPage": a[1] || (a[1] = (t) => f.value.page = t),
+            "onUpdate:currentPage": t[1] || (t[1] = (a) => f.value.page = a),
             "page-size": f.value.size,
-            "onUpdate:pageSize": a[2] || (a[2] = (t) => f.value.size = t),
+            "onUpdate:pageSize": t[2] || (t[2] = (a) => f.value.size = a),
             "page-sizes": f.value.pageSizes,
             total: f.value.total,
             layout: f.value.layout,
             onSizeChange: b,
             onCurrentChange: b
           }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
-        ])) : k("", !0)
+        ])) : w("", !0)
       ], 2),
-      C(e.$slots, "default", {}, void 0, !0)
+      z(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), Ae = /* @__PURE__ */ Se(Ve, [["__scopeId", "data-v-e55b45ca"]]), Re = oe(Ae);
+}), $e = /* @__PURE__ */ Oe(je, [["__scopeId", "data-v-a5fcd112"]]), Je = pe($e);
 export {
-  H as COLUMN_TYPES,
-  Re as PageContainer,
-  Re as default
+  J as COLUMN_TYPES,
+  N as MODES,
+  Je as PageContainer,
+  Je as default
 };

package/es/assets/PageContainer.css

@@ -1 +1 @@
-.search-section[data-v-e55b45ca]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-e55b45ca]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-e55b45ca]{background-color:var(--background-color-2);border:1px solid var(--border-color)}
+.search-section[data-v-a5fcd112]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-a5fcd112]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-a5fcd112]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-a5fcd112]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}

package/es/assets/index.css

@@ -1 +1 @@
-:root{--background-color-1: #fafafa;--background-color-3: #f5f6f7;--background-color-4: #eff0f1;--background-color-5: #e6e8ea;--primary-color-1: #3271fe;--primary-color-2: #5086fe;--primary-color-3: #245bdb;--primary-color-4: #eaf0fe;--primary-color-5: #b9cffc;--primary-color-6: #bacefd;--success-color-1: #34c724;--success-color-2: #5dd250;--success-color-3: #009a29;--success-color-4: #e8ffea;--warning-color-1: #ff7b00;--warning-color-2: #f18d4e;--warning-color-3: #d25f00;--warning-color-4: #fff7e8;--error-color-1: #f54a45;--error-color-2: #f66561;--error-color-3: #cb2634;--error-color-4: #fdecec;--error-color-5: #fbbfbc;--error-color-6: #ffcece;--text-color-1: #1f2329;--text-color-2: #646a73;--text-color-3: #8f959e;--text-color-4: #bbbfc4;--parting-line: #dee0e3;--border-color: #d0d3d6;--hover-color-1: #eff0f1;--press-color-1: #dee0e3;--click-color-1: #e8eaec;--neutral-color-1: #c9cdd4}:root{--el-color-primary: var(--primary-color-1);--el-color-primary-light-9: var(--background-color-1);--el-color-primary-light-8: var(--border-color);--el-color-primary-light-5: var(--text-color-4);--el-text-color-regular: var(--text-color-1);--el-fill-color-light: var(--background-color-4);--el-text-color-placeholder: var(--text-color-3);--el-border-color-light: var(--border-color);--el-color-info: var(--text-color-3);--el-border-color: #ced2e0;--el-text-color-primary: var(--text-color-1)}:root .el-button.is-plain{--el-button-border-color: var(--border-color);--el-button-bg-color: var(--background-color-2);--el-button-text-color: var(--text-color-1);--el-button-hover-bg-color: var(--background-color-4);--el-button-hover-text-color: var(--text-color-1);--el-button-hover-border-color: var(--border-color);--el-button-active-bg-color: var(--press-color-1);--el-button-active-text-color: var(--text-color-1);--el-button-active-border-color: var(--border-color);--el-button-disabled-bg-color: var(--background-color-2);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color)}:root .el-button.el-button--primary{--el-button-bg-color: var(--primary-color-1);--el-button-text-color: var(--background-color-2);--el-button-border-color: var(--primary-color-1);--el-button-hover-bg-color: var(--primary-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--primary-color-2);--el-button-active-bg-color: var(--primary-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--primary-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-button.el-button--primary.is-plain{--el-button-bg-color: var(--background-color-2);--el-button-border-color: var(--primary-color-1);--el-button-text-color: var(--primary-color-1);--el-button-hover-bg-color: var(--primary-color-4);--el-button-hover-text-color: var(--primary-color-1);--el-button-hover-border-color: var(--primary-color-1);--el-button-active-bg-color: var(--primary-color-5);--el-button-active-text-color: var(--primary-color-1);--el-button-active-border-color: var(--primary-color-1);--el-button-disabled-bg-color: var(--background-color-1);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color)}:root .el-button.el-button--primary.is-link{height:26px;padding:0 8px;color:var(--primary-color-1)}:root .el-button.el-button--primary.is-link:hover{background:var(--primary-color-4)}:root .el-button.el-button--primary.is-link:active{background:var(--primary-color-6)}:root .el-button.el-button--primary.is-link.is-disabled{background:var(--background-color-1)!important;color:var(--text-color-4)}:root .el-button.el-button--danger{--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-button.el-button--danger.is-plain{--el-button-bg-color: var(--background-color-2);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--error-color-1);--el-button-hover-bg-color: var(--error-color-4);--el-button-hover-text-color: var(--error-color-1);--el-button-hover-border-color: var(--error-color-1);--el-button-active-bg-color: var(--error-color-5);--el-button-active-text-color: var(--error-color-1);--el-button-active-border-color: var(--error-color-1)}:root .el-button.el-button--danger.is-plain.is-disabled{background-color:var(--background-color-2);color:var(--text-color-4);border:1px solid var(--border-color)}:root .el-input{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-input .el-input__wrapper{padding:1px 8px}:root .el-textarea{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-date-editor{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-checkbox{--el-checkbox-text-color: var(--text-color-1);--el-checkbox-input-border: 1px solid var(--text-color-3);--el-checkbox-disabled-border-color: var(--text-color-4);--el-checkbox-disabled-input-fill: var(--background-color-4);--el-checkbox-disabled-checked-input-fill: var(--text-color-2);--el-checkbox-disabled-checked-input-border-color: var(--text-color-3);--el-checkbox-disabled-checked-icon-color: var(--background-color-2);--el-checkbox-checked-text-color: var(--text-color-1);--el-checkbox-checked-input-border-color: var(--el-color-primary);--el-checkbox-checked-bg-color: var(--el-color-primary);--el-checkbox-checked-icon-color: var(--el-color-white);--el-checkbox-input-border-color-hover: var(--el-color-primary)}:root .el-checkbox .el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--text-color-1)}:root .el-radio{--el-radio-input-border-color: var(--text-color-3)}:root .el-radio .el-radio__input.is-checked+.el-radio__label{color:var(--text-color-1)}:root .el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner{background:var(--text-color-2);border-color:var(--text-color-2)}:root .el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--background-color-2)}:root .el-tag.el-tag--primary{--el-tag-bg-color: var(--primary-color-4);--el-tag-border-color: var(--primary-color-4);--el-tag-hover-color: var(--primary-color-1)}:root .el-tag.el-tag--success{--el-tag-bg-color: var(--success-color-4);--el-tag-border-color: var(--success-color-4);--el-tag-hover-color: var(--success-color-1)}:root .el-tag.el-tag--warning{--el-tag-bg-color: var(--warning-color-4);--el-tag-border-color: var(--warning-color-4);--el-tag-hover-color: var(--warning-color-1)}:root .el-tag.el-tag--danger{--el-tag-bg-color: var(--error-color-4);--el-tag-border-color: var(--error-color-4);--el-tag-hover-color: var(--error-color-1)}:root .el-tag.el-tag--info{--el-tag-bg-color: var(--background-color-4);--el-tag-border-color: var(--background-color-4);--el-tag-hover-color: var(--text-color-4)}:root .el-message{--el-message-text-color: var(--text-color-1);box-shadow:0 4px 10px #dbdbdb80;border-radius:6px}:root .el-message .el-message-icon--warning{color:var(--warning-color-1)}:root .el-message.el-message--warning{--el-message-border-color: var(--warning-color-1);background:var(--warning-color-4)}:root .el-message .el-message-icon--success{color:var(--success-color-1)}:root .el-message.el-message--success{--el-message-border-color: var(--success-color-1);background:var(--success-color-4)}:root .el-message .el-message-icon--error{color:var(--error-color-1)}:root .el-message.el-message--error{--el-message-border-color: var(--error-color-1);background:var(--error-color-4)}:root .el-alert{color:var(--text-color-1)}:root .el-alert.el-alert--primary{--el-alert-bg-color: var(--primary-color-4)}:root .el-alert.el-alert--success{--el-alert-bg-color: var(--success-color-4)}:root .el-alert.el-alert--warning{--el-alert-bg-color: var(--warning-color-4)}:root .el-alert.el-alert--error{--el-alert-bg-color: var(--error-color-4)}:root .el-switch{--el-switch-off-color: var(--neutral-color-1);--el-switch-on-color: var(--primary-color-1);height:24px}:root .el-switch .el-switch__core{height:24px;border-radius:12px}:root .el-switch .el-switch__core .el-switch__action{background:var(--background-color-1);box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f}:root .el-switch.is-disabled .el-switch__core{border-color:var(--background-color-4);background:var(--background-color-4)}:root .el-switch.is-disabled.is-checked .el-switch__core{border-color:var(--text-color-4);background:var(--text-color-4)}:root .el-switch__core .el-switch__inner .is-icon,:root .el-switch__core .el-switch__inner .is-text{color:var(--background-color-1)}:root .el-segmented{--el-segmented-bg-color: var(--background-color-3);--el-segmented-color: var(--text-color-3);--el-segmented-item-hover-color: var(--text-color-3);--el-segmented-item-hover-bg-color: transparent;--el-segmented-item-active-color: var(--text-color-1);--el-segmented-item-active-bg-color: transparent;--el-segmented-item-selected-color: var(--text-color-1);--el-segmented-item-selected-bg-color: transparent;overflow:hidden}:root .el-segmented .el-segmented__item{padding:4px 8px}:root .el-segmented .el-segmented__item.is-selected{box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;background:var(--background-color-1)}:root .el-tabs{--el-tabs-header-height: 28px}:root .el-tabs .el-tabs__nav-wrap:after{background-color:transparent}:root .el-tabs .el-tabs__item{padding:0 10px}:root .el-message-box{--el-messagebox-title-color: color: #1f2329;--el-messagebox-box-shadow: 0px 6px 40px 16px rgba(0, 0, 0, .02), 0px 4px 28px 0px rgba(0, 0, 0, .02), 0px 3px 16px -8px rgba(0, 0, 0, .04);--el-messagebox-content-color: #1f2329}:root .el-message-box .el-message-box__status.el-message-box-icon--warning{color:var(--warning-color-1)}:root .el-message-box .el-message-box__btns .el-button{--el-button-border-color: var(--border-color);--el-button-bg-color: var(--background-color-2);--el-button-text-color: var(--text-color-1);--el-button-hover-bg-color: var(--background-color-4);--el-button-hover-text-color: var(--text-color-1);--el-button-hover-border-color: var(--border-color);--el-button-active-bg-color: var(--press-color-1);--el-button-active-text-color: var(--text-color-1);--el-button-active-border-color: var(--border-color);--el-button-disabled-bg-color: var(--background-color-2);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color);outline:none}:root .el-message-box .el-message-box__btns .el-button.el-button--primary{--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-dialog{--el-dialog-box-shadow: 0px 6px 40px 16px rgba(0, 0, 0, .02), 0px 4px 28px 0px rgba(0, 0, 0, .02), 0px 3px 16px -8px rgba(0, 0, 0, .04);--el-dialog-padding-primary: 20px;--el-dialog-width: 720px}:root .el-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--neutral-color-5)}:root .admin-dashboard-table.el-table{--el-table-border-color: var(--parting-line);--el-table-header-bg-color: var(--background-color-3);--el-table-row-hover-bg-color: var(--background-color-1);--el-table-header-text-color: var(--text-color-2);--el-table-text-color: var(--text-color-1)}:root .admin-dashboard-table.el-table .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--background-color-1)}:root .admin-dashboard-table.el-table thead th{font-weight:400}:root .el-pagination{--el-pagination-button-bg-color: var(--background-color-3);--el-pagination-button-color: var(--text-color-2)}:root .el-pagination.is-background .btn-next.is-active,:root .el-pagination.is-background .btn-prev.is-active,:root .el-pagination.is-background .el-pager li.is-active{color:var(--primary-color-1);background:var(--primary-color-4)}:root .el-pagination .el-pagination__goto{color:var(--text-color-2)}:root .el-pagination .el-pagination__sizes,:root .el-pagination .el-pagination__total{color:var(--text-color-2)}:root .el-date-range-picker{--el-datepicker-inrange-bg-color: var(--background-color-4)}.text-fafafa{color:var(--background-color-1)}.text-f5f6f7{color:var(--background-color-3)}.text-eff0f1{color:var(--background-color-4)}.text-e6e8ea{color:var(--background-color-5)}.text-3271fe{color:var(--primary-color-1)}.text-5086fe{color:var(--primary-color-2)}.text-245bdb{color:var(--primary-color-3)}.text-eaf0fe{color:var(--primary-color-4)}.text-b9cffc{color:var(--primary-color-5)}.text-bacefd{color:var(--primary-color-6)}.text-34c724{color:var(--success-color-1)}.text-5dd250{color:var(--success-color-2)}.text-009a29{color:var(--success-color-3)}.text-e8ffea{color:var(--success-color-4)}.text-ff7b00{color:var(--warning-color-1)}.text-f18d4e{color:var(--warning-color-2)}.text-d25f00{color:var(--warning-color-3)}.text-fff7e8{color:var(--warning-color-4)}.text-f54a45{color:var(--error-color-1)}.text-f66561{color:var(--error-color-2)}.text-cb2634{color:var(--error-color-3)}.text-fdecec{color:var(--error-color-4)}.text-fbbfbc{color:var(--error-color-5)}.text-ffcece{color:var(--error-color-6)}.text-1f2329{color:var(--text-color-1)}.text-646a73{color:var(--text-color-2)}.text-8f959e{color:var(--text-color-3)}.text-bbbfc4{color:var(--text-color-4)}.text-dee0e3{color:var(--parting-line)}.text-d0d3d6{color:var(--border-color)}.text-e8eaec{color:var(--click-color-1)}.text-c9cdd4{color:var(--neutral-color-1)}.bg-fafafa{background-color:var(--background-color-1)}.bg-f5f6f7{background-color:var(--background-color-3)}.bg-eff0f1{background-color:var(--background-color-4)}.bg-e6e8ea{background-color:var(--background-color-5)}.bg-eaf0fe{background-color:var(--primary-color-4)}.bg-b9cffc{background-color:var(--primary-color-5)}.bg-bacefd{background-color:var(--primary-color-6)}.bg-e8ffea{background-color:var(--success-color-4)}.bg-fff7e8{background-color:var(--warning-color-4)}.bg-fdecec{background-color:var(--error-color-4)}.bg-fbbfbc{background-color:var(--error-color-5)}.bg-ffcece{background-color:var(--error-color-6)}.bg-1f2329{background-color:var(--text-color-1)}.bg-646a73{background-color:var(--text-color-2)}.bg-8f959e{background-color:var(--text-color-3)}.bg-bbbfc4{background-color:var(--text-color-4)}.bg-dee0e3{background-color:var(--parting-line)}.bg-d0d3d6{background-color:var(--border-color)}.bg-e8eaec{background-color:var(--click-color-1)}.bg-c9cdd4{background-color:var(--neutral-color-1)}.bg-3271fe{background-color:var(--primary-color-1)}.bg-5086fe{background-color:var(--primary-color-2)}.bg-245bdb{background-color:var(--primary-color-3)}.bg-34c724{background-color:var(--success-color-1)}.bg-5dd250{background-color:var(--success-color-2)}.bg-009a29{background-color:var(--success-color-3)}.bg-ff7b00{background-color:var(--warning-color-1)}.bg-f18d4e{background-color:var(--warning-color-2)}.bg-d25f00{background-color:var(--warning-color-3)}.bg-f54a45{background-color:var(--error-color-1)}.bg-f66561{background-color:var(--error-color-2)}.bg-cb2634{background-color:var(--error-color-3)}.bg-fff{background-color:var(--background-color-2)}
+:root{--background-color-1: #fafafa;--background-color-3: #f5f6f7;--background-color-4: #eff0f1;--background-color-5: #e6e8ea;--primary-color-1: #3271fe;--primary-color-2: #5086fe;--primary-color-3: #245bdb;--primary-color-4: #eaf0fe;--primary-color-5: #b9cffc;--primary-color-6: #bacefd;--success-color-1: #34c724;--success-color-2: #5dd250;--success-color-3: #009a29;--success-color-4: #e8ffea;--warning-color-1: #ff7b00;--warning-color-2: #f18d4e;--warning-color-3: #d25f00;--warning-color-4: #fff7e8;--error-color-1: #f54a45;--error-color-2: #f66561;--error-color-3: #cb2634;--error-color-4: #fdecec;--error-color-5: #fbbfbc;--error-color-6: #ffcece;--text-color-1: #1f2329;--text-color-2: #646a73;--text-color-3: #8f959e;--text-color-4: #bbbfc4;--parting-line: #dee0e3;--border-color: #d0d3d6;--hover-color-1: #eff0f1;--press-color-1: #dee0e3;--click-color-1: #e8eaec;--neutral-color-1: #c9cdd4}:root{--el-color-primary: var(--primary-color-1);--el-color-primary-light-9: var(--background-color-1);--el-color-primary-light-8: var(--border-color);--el-color-primary-light-5: var(--text-color-4);--el-text-color-regular: var(--text-color-1);--el-fill-color-light: var(--background-color-4);--el-text-color-placeholder: var(--text-color-3);--el-border-color-light: var(--border-color);--el-color-info: var(--text-color-3);--el-border-color: #ced2e0;--el-text-color-primary: var(--text-color-1);--el-border-radius-base: 4px}:root .el-button.is-plain{--el-button-border-color: var(--border-color);--el-button-bg-color: var(--background-color-2);--el-button-text-color: var(--text-color-1);--el-button-hover-bg-color: var(--background-color-4);--el-button-hover-text-color: var(--text-color-1);--el-button-hover-border-color: var(--border-color);--el-button-active-bg-color: var(--press-color-1);--el-button-active-text-color: var(--text-color-1);--el-button-active-border-color: var(--border-color);--el-button-disabled-bg-color: var(--background-color-2);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color)}:root .el-button.el-button--primary{--el-button-bg-color: var(--primary-color-1);--el-button-text-color: var(--background-color-2);--el-button-border-color: var(--primary-color-1);--el-button-hover-bg-color: var(--primary-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--primary-color-2);--el-button-active-bg-color: var(--primary-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--primary-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-button.el-button--primary.is-plain{--el-button-bg-color: var(--background-color-2);--el-button-border-color: var(--primary-color-1);--el-button-text-color: var(--primary-color-1);--el-button-hover-bg-color: var(--primary-color-4);--el-button-hover-text-color: var(--primary-color-1);--el-button-hover-border-color: var(--primary-color-1);--el-button-active-bg-color: var(--primary-color-5);--el-button-active-text-color: var(--primary-color-1);--el-button-active-border-color: var(--primary-color-1);--el-button-disabled-bg-color: var(--background-color-1);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color)}:root .el-button.el-button--primary.is-link{height:26px;padding:0 8px;color:var(--primary-color-1)}:root .el-button.el-button--primary.is-link:hover{background:var(--primary-color-4)}:root .el-button.el-button--primary.is-link:active{background:var(--primary-color-6)}:root .el-button.el-button--primary.is-link.is-disabled{background:var(--background-color-1)!important;color:var(--text-color-4)}:root .el-button.el-button--danger{--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-button.el-button--danger.is-plain{--el-button-bg-color: var(--background-color-2);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--error-color-1);--el-button-hover-bg-color: var(--error-color-4);--el-button-hover-text-color: var(--error-color-1);--el-button-hover-border-color: var(--error-color-1);--el-button-active-bg-color: var(--error-color-5);--el-button-active-text-color: var(--error-color-1);--el-button-active-border-color: var(--error-color-1)}:root .el-button.el-button--danger.is-plain.is-disabled{background-color:var(--background-color-2);color:var(--text-color-4);border:1px solid var(--border-color)}:root .el-input{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-input .el-input__wrapper{padding:1px 8px}:root .el-textarea{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-date-editor{--el-input-border-color: var(--border-color);--el-input-hover-border-color: var(--primary-color-1);--el-input-focus-border-color: var(--primary-color-1)}:root .el-checkbox{--el-checkbox-text-color: var(--text-color-1);--el-checkbox-input-border: 1px solid var(--text-color-3);--el-checkbox-disabled-border-color: var(--text-color-4);--el-checkbox-disabled-input-fill: var(--background-color-4);--el-checkbox-disabled-checked-input-fill: var(--text-color-2);--el-checkbox-disabled-checked-input-border-color: var(--text-color-3);--el-checkbox-disabled-checked-icon-color: var(--background-color-2);--el-checkbox-checked-text-color: var(--text-color-1);--el-checkbox-checked-input-border-color: var(--el-color-primary);--el-checkbox-checked-bg-color: var(--el-color-primary);--el-checkbox-checked-icon-color: var(--el-color-white);--el-checkbox-input-border-color-hover: var(--el-color-primary)}:root .el-checkbox .el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--text-color-1)}:root .el-radio{--el-radio-input-border-color: var(--text-color-3)}:root .el-radio .el-radio__input.is-checked+.el-radio__label{color:var(--text-color-1)}:root .el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner{background:var(--text-color-2);border-color:var(--text-color-2)}:root .el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--background-color-2)}:root .el-tag.el-tag--primary{--el-tag-bg-color: var(--primary-color-4);--el-tag-border-color: var(--primary-color-4);--el-tag-hover-color: var(--primary-color-1)}:root .el-tag.el-tag--success{--el-tag-bg-color: var(--success-color-4);--el-tag-border-color: var(--success-color-4);--el-tag-hover-color: var(--success-color-1)}:root .el-tag.el-tag--warning{--el-tag-bg-color: var(--warning-color-4);--el-tag-border-color: var(--warning-color-4);--el-tag-hover-color: var(--warning-color-1)}:root .el-tag.el-tag--danger{--el-tag-bg-color: var(--error-color-4);--el-tag-border-color: var(--error-color-4);--el-tag-hover-color: var(--error-color-1)}:root .el-tag.el-tag--info{--el-tag-bg-color: var(--background-color-4);--el-tag-border-color: var(--background-color-4);--el-tag-hover-color: var(--text-color-4)}:root .el-message{--el-message-text-color: var(--text-color-1);box-shadow:0 4px 10px #dbdbdb80;border-radius:6px}:root .el-message .el-message-icon--warning{color:var(--warning-color-1)}:root .el-message.el-message--warning{--el-message-border-color: var(--warning-color-1);background:var(--warning-color-4)}:root .el-message .el-message-icon--success{color:var(--success-color-1)}:root .el-message.el-message--success{--el-message-border-color: var(--success-color-1);background:var(--success-color-4)}:root .el-message .el-message-icon--error{color:var(--error-color-1)}:root .el-message.el-message--error{--el-message-border-color: var(--error-color-1);background:var(--error-color-4)}:root .el-alert{color:var(--text-color-1)}:root .el-alert.el-alert--primary{--el-alert-bg-color: var(--primary-color-4)}:root .el-alert.el-alert--success{--el-alert-bg-color: var(--success-color-4)}:root .el-alert.el-alert--warning{--el-alert-bg-color: var(--warning-color-4)}:root .el-alert.el-alert--error{--el-alert-bg-color: var(--error-color-4)}:root .el-switch{--el-switch-off-color: var(--neutral-color-1);--el-switch-on-color: var(--primary-color-1);height:24px}:root .el-switch .el-switch__core{height:24px;border-radius:12px}:root .el-switch .el-switch__core .el-switch__action{background:var(--background-color-1);box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f}:root .el-switch.is-disabled .el-switch__core{border-color:var(--background-color-4);background:var(--background-color-4)}:root .el-switch.is-disabled.is-checked .el-switch__core{border-color:var(--text-color-4);background:var(--text-color-4)}:root .el-switch__core .el-switch__inner .is-icon,:root .el-switch__core .el-switch__inner .is-text{color:var(--background-color-1)}:root .el-segmented{--el-segmented-bg-color: var(--background-color-3);--el-segmented-color: var(--text-color-3);--el-segmented-item-hover-color: var(--text-color-3);--el-segmented-item-hover-bg-color: transparent;--el-segmented-item-active-color: var(--text-color-1);--el-segmented-item-active-bg-color: transparent;--el-segmented-item-selected-color: var(--text-color-1);--el-segmented-item-selected-bg-color: transparent;overflow:hidden}:root .el-segmented .el-segmented__item{padding:4px 8px}:root .el-segmented .el-segmented__item.is-selected{box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f;background:var(--background-color-1)}:root .el-tabs{--el-tabs-header-height: 28px}:root .el-tabs .el-tabs__nav-wrap:after{background-color:transparent}:root .el-tabs .el-tabs__item{padding:0 10px}:root .el-message-box{--el-messagebox-title-color: color: #1f2329;--el-messagebox-box-shadow: 0px 6px 40px 16px rgba(0, 0, 0, .02), 0px 4px 28px 0px rgba(0, 0, 0, .02), 0px 3px 16px -8px rgba(0, 0, 0, .04);--el-messagebox-content-color: #1f2329}:root .el-message-box .el-message-box__status.el-message-box-icon--warning{color:var(--warning-color-1)}:root .el-message-box .el-message-box__btns .el-button{--el-button-border-color: var(--border-color);--el-button-bg-color: var(--background-color-2);--el-button-text-color: var(--text-color-1);--el-button-hover-bg-color: var(--background-color-4);--el-button-hover-text-color: var(--text-color-1);--el-button-hover-border-color: var(--border-color);--el-button-active-bg-color: var(--press-color-1);--el-button-active-text-color: var(--text-color-1);--el-button-active-border-color: var(--border-color);--el-button-disabled-bg-color: var(--background-color-2);--el-button-disabled-text-color: var(--text-color-4);--el-button-disabled-border-color: var(--border-color);outline:none}:root .el-message-box .el-message-box__btns .el-button.el-button--primary{--el-button-bg-color: var(--error-color-1);--el-button-border-color: var(--error-color-1);--el-button-text-color: var(--background-color-2);--el-button-hover-bg-color: var(--error-color-2);--el-button-hover-text-color: var(--background-color-2);--el-button-hover-border-color: var(--error-color-2);--el-button-active-bg-color: var(--error-color-3);--el-button-active-text-color: var(--background-color-2);--el-button-active-border-color: var(--error-color-3);--el-button-disabled-bg-color: var(--text-color-4);--el-button-disabled-text-color: var(--background-color-2);--el-button-disabled-border-color: var(--text-color-4)}:root .el-dialog{--el-dialog-box-shadow: 0px 6px 40px 16px rgba(0, 0, 0, .02), 0px 4px 28px 0px rgba(0, 0, 0, .02), 0px 3px 16px -8px rgba(0, 0, 0, .04);--el-dialog-padding-primary: 20px;--el-dialog-width: 720px}:root .el-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--neutral-color-5)}:root .admin-dashboard-table.el-table{--el-table-border-color: var(--parting-line);--el-table-header-bg-color: var(--background-color-3);--el-table-row-hover-bg-color: var(--background-color-1);--el-table-header-text-color: var(--text-color-2);--el-table-text-color: var(--text-color-1)}:root .admin-dashboard-table.el-table .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--background-color-1)}:root .admin-dashboard-table.el-table thead th{font-weight:400}:root .el-pagination{--el-pagination-button-bg-color: var(--background-color-3);--el-pagination-button-color: var(--text-color-2)}:root .el-pagination.is-background .btn-next.is-active,:root .el-pagination.is-background .btn-prev.is-active,:root .el-pagination.is-background .el-pager li.is-active{color:var(--primary-color-1);background:var(--primary-color-4)}:root .el-pagination .el-pagination__goto{color:var(--text-color-2)}:root .el-pagination .el-pagination__sizes,:root .el-pagination .el-pagination__total{color:var(--text-color-2)}:root .el-date-range-picker{--el-datepicker-inrange-bg-color: var(--background-color-4)}.text-fafafa{color:var(--background-color-1)}.text-f5f6f7{color:var(--background-color-3)}.text-eff0f1{color:var(--background-color-4)}.text-e6e8ea{color:var(--background-color-5)}.text-3271fe{color:var(--primary-color-1)}.text-5086fe{color:var(--primary-color-2)}.text-245bdb{color:var(--primary-color-3)}.text-eaf0fe{color:var(--primary-color-4)}.text-b9cffc{color:var(--primary-color-5)}.text-bacefd{color:var(--primary-color-6)}.text-34c724{color:var(--success-color-1)}.text-5dd250{color:var(--success-color-2)}.text-009a29{color:var(--success-color-3)}.text-e8ffea{color:var(--success-color-4)}.text-ff7b00{color:var(--warning-color-1)}.text-f18d4e{color:var(--warning-color-2)}.text-d25f00{color:var(--warning-color-3)}.text-fff7e8{color:var(--warning-color-4)}.text-f54a45{color:var(--error-color-1)}.text-f66561{color:var(--error-color-2)}.text-cb2634{color:var(--error-color-3)}.text-fdecec{color:var(--error-color-4)}.text-fbbfbc{color:var(--error-color-5)}.text-ffcece{color:var(--error-color-6)}.text-1f2329{color:var(--text-color-1)}.text-646a73{color:var(--text-color-2)}.text-8f959e{color:var(--text-color-3)}.text-bbbfc4{color:var(--text-color-4)}.text-dee0e3{color:var(--parting-line)}.text-d0d3d6{color:var(--border-color)}.text-e8eaec{color:var(--click-color-1)}.text-c9cdd4{color:var(--neutral-color-1)}.bg-fafafa{background-color:var(--background-color-1)}.bg-f5f6f7{background-color:var(--background-color-3)}.bg-eff0f1{background-color:var(--background-color-4)}.bg-e6e8ea{background-color:var(--background-color-5)}.bg-eaf0fe{background-color:var(--primary-color-4)}.bg-b9cffc{background-color:var(--primary-color-5)}.bg-bacefd{background-color:var(--primary-color-6)}.bg-e8ffea{background-color:var(--success-color-4)}.bg-fff7e8{background-color:var(--warning-color-4)}.bg-fdecec{background-color:var(--error-color-4)}.bg-fbbfbc{background-color:var(--error-color-5)}.bg-ffcece{background-color:var(--error-color-6)}.bg-1f2329{background-color:var(--text-color-1)}.bg-646a73{background-color:var(--text-color-2)}.bg-8f959e{background-color:var(--text-color-3)}.bg-bbbfc4{background-color:var(--text-color-4)}.bg-dee0e3{background-color:var(--parting-line)}.bg-d0d3d6{background-color:var(--border-color)}.bg-e8eaec{background-color:var(--click-color-1)}.bg-c9cdd4{background-color:var(--neutral-color-1)}.bg-3271fe{background-color:var(--primary-color-1)}.bg-5086fe{background-color:var(--primary-color-2)}.bg-245bdb{background-color:var(--primary-color-3)}.bg-34c724{background-color:var(--success-color-1)}.bg-5dd250{background-color:var(--success-color-2)}.bg-009a29{background-color:var(--success-color-3)}.bg-ff7b00{background-color:var(--warning-color-1)}.bg-f18d4e{background-color:var(--warning-color-2)}.bg-d25f00{background-color:var(--warning-color-3)}.bg-f54a45{background-color:var(--error-color-1)}.bg-f66561{background-color:var(--error-color-2)}.bg-cb2634{background-color:var(--error-color-3)}.bg-fff{background-color:var(--background-color-2)}