Додані повідомлення та перепрацьована структура застосунку та api

web/lib/pages/territory/map/style.css

@@ -1,11 +1,53 @@
 .page-territory_map {
-        width: 100%;
+    width: 100%;
     display: flex;
     position: relative;
 }
+
 .page-territory_map>#map {
     margin: 20px;
     width: calc(100% - 40px);
     height: calc(100% - 40px);
     border-radius: calc(var(--border-radius) - 5px);
+}
+
+.page-territory_map .marker {
+    background: var(--ColorThemes2);
+    color: var(--ColorThemes3);
+    font-size: var(--FontSize1);
+    border-radius: var(--border-radius);
+    border: 2px solid var(--ColorThemes3);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.page-territory_map .marker_popup {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+    margin: 0 2px;
+}
+
+.page-territory_map .marker_popup>p {
+    margin: 0;
+}
+.page-territory_map .marker_popup>span {
+    margin: 0;
+}
+
+.page-territory_map .marker_popup>a {
+    color: var(--ColorThemes3);
+    cursor: pointer;
+    border-radius: calc(var(--border-radius) - 8px);
+    padding: 5px 10px;
+    min-width: fit-content;
+    background: var(--PrimaryColor);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: var(--FontSize1);
+    min-width: calc(100% - 15px);
 }