diff --git a/healthlink-his-ui/src/assets/icons/svg/amethyst.svg b/healthlink-his-ui/src/assets/icons/svg/amethyst.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/amethyst.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/ash.svg b/healthlink-his-ui/src/assets/icons/svg/ash.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/ash.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/aurora.svg b/healthlink-his-ui/src/assets/icons/svg/aurora.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/aurora.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/basalt.svg b/healthlink-his-ui/src/assets/icons/svg/basalt.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/basalt.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/beryl.svg b/healthlink-his-ui/src/assets/icons/svg/beryl.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/beryl.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/chalk.svg b/healthlink-his-ui/src/assets/icons/svg/chalk.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/chalk.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/citrine.svg b/healthlink-his-ui/src/assets/icons/svg/citrine.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/citrine.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/clay.svg b/healthlink-his-ui/src/assets/icons/svg/clay.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/clay.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/condensation.svg b/healthlink-his-ui/src/assets/icons/svg/condensation.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/condensation.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/coral.svg b/healthlink-his-ui/src/assets/icons/svg/coral.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/coral.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/crystal.svg b/healthlink-his-ui/src/assets/icons/svg/crystal.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/crystal.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/current.svg b/healthlink-his-ui/src/assets/icons/svg/current.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/current.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/dew.svg b/healthlink-his-ui/src/assets/icons/svg/dew.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/dew.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/diamond.svg b/healthlink-his-ui/src/assets/icons/svg/diamond.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/diamond.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/drop.svg b/healthlink-his-ui/src/assets/icons/svg/drop.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/drop.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/dust.svg b/healthlink-his-ui/src/assets/icons/svg/dust.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/dust.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/emerald.svg b/healthlink-his-ui/src/assets/icons/svg/emerald.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/emerald.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/fog.svg b/healthlink-his-ui/src/assets/icons/svg/fog.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/fog.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/frost.svg b/healthlink-his-ui/src/assets/icons/svg/frost.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/frost.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/garnet.svg b/healthlink-his-ui/src/assets/icons/svg/garnet.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/garnet.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/gem.svg b/healthlink-his-ui/src/assets/icons/svg/gem.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/gem.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/glint.svg b/healthlink-his-ui/src/assets/icons/svg/glint.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/glint.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/glow.svg b/healthlink-his-ui/src/assets/icons/svg/glow.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/glow.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/granite.svg b/healthlink-his-ui/src/assets/icons/svg/granite.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/granite.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/gravel.svg b/healthlink-his-ui/src/assets/icons/svg/gravel.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/gravel.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/halo.svg b/healthlink-his-ui/src/assets/icons/svg/halo.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/halo.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/haze.svg b/healthlink-his-ui/src/assets/icons/svg/haze.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/haze.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/ice.svg b/healthlink-his-ui/src/assets/icons/svg/ice.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/ice.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/illusion.svg b/healthlink-his-ui/src/assets/icons/svg/illusion.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/illusion.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/jade.svg b/healthlink-his-ui/src/assets/icons/svg/jade.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/jade.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/lapis.svg b/healthlink-his-ui/src/assets/icons/svg/lapis.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/lapis.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/limestone.svg b/healthlink-his-ui/src/assets/icons/svg/limestone.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/limestone.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/marble.svg b/healthlink-his-ui/src/assets/icons/svg/marble.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/marble.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/mist.svg b/healthlink-his-ui/src/assets/icons/svg/mist.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/mist.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/onyx.svg b/healthlink-his-ui/src/assets/icons/svg/onyx.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/onyx.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/opal.svg b/healthlink-his-ui/src/assets/icons/svg/opal.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/opal.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/pearl.svg b/healthlink-his-ui/src/assets/icons/svg/pearl.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/pearl.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/pebble.svg b/healthlink-his-ui/src/assets/icons/svg/pebble.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/pebble.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/quartz.svg b/healthlink-his-ui/src/assets/icons/svg/quartz.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/quartz.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/radiance.svg b/healthlink-his-ui/src/assets/icons/svg/radiance.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/radiance.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/rainbow.svg b/healthlink-his-ui/src/assets/icons/svg/rainbow.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/rainbow.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/ripple.svg b/healthlink-his-ui/src/assets/icons/svg/ripple.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/ripple.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/rock.svg b/healthlink-his-ui/src/assets/icons/svg/rock.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/rock.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/ruby.svg b/healthlink-his-ui/src/assets/icons/svg/ruby.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/ruby.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/sand.svg b/healthlink-his-ui/src/assets/icons/svg/sand.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/sand.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/sandstone.svg b/healthlink-his-ui/src/assets/icons/svg/sandstone.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/sandstone.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/sapphire.svg b/healthlink-his-ui/src/assets/icons/svg/sapphire.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/sapphire.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/shimmer.svg b/healthlink-his-ui/src/assets/icons/svg/shimmer.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/shimmer.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/slate.svg b/healthlink-his-ui/src/assets/icons/svg/slate.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/slate.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/smoke.svg b/healthlink-his-ui/src/assets/icons/svg/smoke.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/smoke.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/snowflake.svg b/healthlink-his-ui/src/assets/icons/svg/snowflake.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/snowflake.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/sparkle.svg b/healthlink-his-ui/src/assets/icons/svg/sparkle.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/sparkle.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/splash.svg b/healthlink-his-ui/src/assets/icons/svg/splash.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/splash.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/steam.svg b/healthlink-his-ui/src/assets/icons/svg/steam.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/steam.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/topaz.svg b/healthlink-his-ui/src/assets/icons/svg/topaz.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/topaz.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/tourmaline.svg b/healthlink-his-ui/src/assets/icons/svg/tourmaline.svg
new file mode 100644
index 000000000..1c59a15b2
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/tourmaline.svg
@@ -0,0 +1,7 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h64v384h-64z" fill="currentColor"/>
+  <path d="M576 320h64v384h-64z" fill="currentColor"/>
+  <path d="M384 384h256v64h-256z" fill="currentColor"/>
+  <path d="M384 512h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/assets/icons/svg/vapor.svg b/healthlink-his-ui/src/assets/icons/svg/vapor.svg
new file mode 100644
index 000000000..815bc8555
--- /dev/null
+++ b/healthlink-his-ui/src/assets/icons/svg/vapor.svg
@@ -0,0 +1,6 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+  <path d="M512 128c-211.2 0-384 172.8-384 384 0 106.24 43.52 202.24 113.92 271.36L256 896h512l-85.33-112.64C769.28 714.24 812.8 618.24 812.8 512c0-211.2-172.8-384-384-384z m0 576c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z" fill="currentColor"/>
+  <path d="M384 320h256v64h-256z" fill="currentColor"/>
+  <path d="M384 448h256v64h-256z" fill="currentColor"/>
+  <path d="M384 576h256v64h-256z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/healthlink-his-ui/src/views/mrhomepage/tracking/index.vue b/healthlink-his-ui/src/views/mrhomepage/tracking/index.vue
new file mode 100644
index 000000000..beeb3f807
--- /dev/null
+++ b/healthlink-his-ui/src/views/mrhomepage/tracking/index.vue
@@ -0,0 +1,267 @@
+<template>
+  <div class="app-container">
+    <el-card shadow="never">
+      <template #header>
+        <div class="card-header">
+          <span>病案示踪管理</span>
+          <div>
+            <el-input
+              v-model="homepageId"
+              placeholder="请输入病案首页ID"
+              style="width: 220px; margin-right: 12px"
+              @keyup.enter="handleTrack"
+            />
+            <el-button
+              type="primary"
+              :loading="tracking"
+              @click="handleTrack"
+            >
+              查询示踪
+            </el-button>
+          </div>
+        </div>
+      </template>
+
+      <div v-if="trackResult">
+        <el-row :gutter="20" style="margin-bottom: 20px">
+          <el-col :span="6">
+            <el-statistic title="在架" :value="trackResult.stats?.inShelf || 0">
+              <template #suffix>
+                <span style="color: #67c23a"> 件</span>
+              </template>
+            </el-statistic>
+          </el-col>
+          <el-col :span="6">
+            <el-statistic title="借出" :value="trackResult.stats?.borrowed || 0">
+              <template #suffix>
+                <span style="color: #e6a23c"> 件</span>
+              </template>
+            </el-statistic>
+          </el-col>
+          <el-col :span="6">
+            <el-statistic title="归档" :value="trackResult.stats?.archived || 0">
+              <template #suffix>
+                <span style="color: #409eff"> 件</span>
+              </template>
+            </el-statistic>
+          </el-col>
+          <el-col :span="6">
+            <el-statistic title="遗失" :value="trackResult.stats?.lost || 0">
+              <template #suffix>
+                <span style="color: #f56c6c"> 件</span>
+              </template>
+            </el-statistic>
+          </el-col>
+        </el-row>
+
+        <el-descriptions :column="3" border style="margin-bottom: 20px">
+          <el-descriptions-item label="当前状态">
+            <el-tag :type="statusTagType(trackResult.currentStatus)">
+              {{ statusLabel(trackResult.currentStatus) }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="当前位置">
+            {{ trackResult.currentLocation || '-' }}
+          </el-descriptions-item>
+          <el-descriptions-item label="操作">
+            <el-button
+              v-if="trackResult.currentStatus === 'IN_SHELF'"
+              type="warning"
+              size="small"
+              @click="showBorrowDialog"
+            >
+              借阅
+            </el-button>
+            <el-button
+              v-if="trackResult.currentStatus === 'BORROWED'"
+              type="success"
+              size="small"
+              @click="handleReturn"
+            >
+              归还
+            </el-button>
+          </el-descriptions-item>
+        </el-descriptions>
+
+        <el-divider content-position="left">移动历史</el-divider>
+        <el-table
+          :data="trackResult.records || []"
+          stripe
+          border
+          style="width: 100%"
+        >
+          <el-table-column prop="mrNumber" label="病案号" width="140" />
+          <el-table-column prop="patientName" label="患者" width="100" />
+          <el-table-column prop="location" label="位置" width="150" />
+          <el-table-column prop="locationType" label="位置类型" width="100">
+            <template #default="scope">
+              {{ locationTypeLabel(scope.row.locationType) }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="status" label="状态" width="100">
+            <template #default="scope">
+              <el-tag :type="statusTagType(scope.row.status)" size="small">
+                {{ statusLabel(scope.row.status) }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="movedBy" label="操作人" width="120" />
+          <el-table-column prop="moveTime" label="操作时间" width="170" />
+        </el-table>
+      </div>
+
+      <el-empty v-if="!trackResult && !loading" description="请输入病案首页ID查询示踪状态" />
+    </el-card>
+
+    <el-dialog v-model="borrowDialogVisible" title="病案借阅" width="500px">
+      <el-form :model="borrowForm" label-width="100px">
+        <el-form-item label="病案首页ID">
+          <el-input v-model="borrowForm.medicalRecordId" disabled />
+        </el-form-item>
+        <el-form-item label="患者姓名">
+          <el-input v-model="borrowForm.patientName" disabled />
+        </el-form-item>
+        <el-form-item label="病案号">
+          <el-input v-model="borrowForm.mrNumber" disabled />
+        </el-form-item>
+        <el-form-item label="借阅人" required>
+          <el-input v-model="borrowForm.borrowerName" placeholder="请输入借阅人姓名" />
+        </el-form-item>
+        <el-form-item label="借阅科室" required>
+          <el-input v-model="borrowForm.borrowerDept" placeholder="请输入借阅科室" />
+        </el-form-item>
+        <el-form-item label="借阅原因">
+          <el-input v-model="borrowForm.borrowReason" type="textarea" :rows="3" placeholder="请输入借阅原因" />
+        </el-form-item>
+        <el-form-item label="预计归还">
+          <el-date-picker
+            v-model="borrowForm.expectedReturnDate"
+            type="datetime"
+            placeholder="选择预计归还时间"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="borrowDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="borrowLoading" @click="handleBorrowSubmit">
+          确认借阅
+        </el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { trackStatus, borrowRecord, returnRecord } from '@/api/mrhomepage'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+const homepageId = ref('')
+const loading = ref(false)
+const tracking = ref(false)
+const trackResult = ref(null)
+
+const borrowDialogVisible = ref(false)
+const borrowLoading = ref(false)
+const borrowForm = reactive({
+  medicalRecordId: '',
+  patientName: '',
+  mrNumber: '',
+  borrowerName: '',
+  borrowerDept: '',
+  borrowReason: '',
+  expectedReturnDate: null
+})
+
+const statusLabel = (status) => {
+  const map = { IN_SHELF: '在架', BORROWED: '借出', ARCHIVED: '归档', LOST: '遗失', UNKNOWN: '未知' }
+  return map[status] || status
+}
+
+const statusTagType = (status) => {
+  const map = { IN_SHELF: 'success', BORROWED: 'warning', ARCHIVED: '', LOST: 'danger', UNKNOWN: 'info' }
+  return map[status] || 'info'
+}
+
+const locationTypeLabel = (type) => {
+  const map = { STORAGE: '病案室', DEPT: '科室', BORROWED: '借出', ARCHIVE: '档案室' }
+  return map[type] || type
+}
+
+const handleTrack = async () => {
+  if (!homepageId.value) {
+    ElMessage.warning('请输入病案首页ID')
+    return
+  }
+  tracking.value = true
+  try {
+    trackResult.value = await trackStatus(homepageId.value)
+  } catch (e) {
+    ElMessage.error('查询失败: ' + (e.message || '未知错误'))
+  } finally {
+    tracking.value = false
+  }
+}
+
+const showBorrowDialog = () => {
+  if (!trackResult.value?.records?.length) return
+  const latest = trackResult.value.records[0]
+  borrowForm.medicalRecordId = latest.medicalRecordId
+  borrowForm.patientName = latest.patientName
+  borrowForm.mrNumber = latest.mrNumber
+  borrowForm.borrowerName = ''
+  borrowForm.borrowerDept = ''
+  borrowForm.borrowReason = ''
+  borrowForm.expectedReturnDate = null
+  borrowDialogVisible.value = true
+}
+
+const handleBorrowSubmit = async () => {
+  if (!borrowForm.borrowerName) {
+    ElMessage.warning('请输入借阅人姓名')
+    return
+  }
+  if (!borrowForm.borrowerDept) {
+    ElMessage.warning('请输入借阅科室')
+    return
+  }
+  borrowLoading.value = true
+  try {
+    await borrowRecord({ ...borrowForm })
+    ElMessage.success('借阅申请已提交')
+    borrowDialogVisible.value = false
+    handleTrack()
+  } catch (e) {
+    ElMessage.error('借阅失败: ' + (e.message || '未知错误'))
+  } finally {
+    borrowLoading.value = false
+  }
+}
+
+const handleReturn = async () => {
+  if (!trackResult.value?.records?.length) return
+  const latest = trackResult.value.records[0]
+  await ElMessageBox.confirm('确认归还此病案？', '归还确认', { type: 'info' })
+  try {
+    const borrowings = trackResult.value.records.filter(r => r.status === 'BORROWED')
+    if (borrowings.length > 0) {
+      await returnRecord(borrowings[0].id)
+      ElMessage.success('归还成功')
+      handleTrack()
+    }
+  } catch (e) {
+    if (e !== 'cancel') {
+      ElMessage.error('归还失败: ' + (e.message || '未知错误'))
+    }
+  }
+}
+</script>
+
+<style scoped>
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>