adding vector images for the towers and phones

static/css/gsm_spy_dashboard.css

@@ -341,7 +341,100 @@ body {
     background: var(--bg-dark);
 }
 
-/* Map markers */
+/* Map markers - Vector Icons */
+.gsm-marker {
+    background: transparent !important;
+    border: none !important;
+    position: relative;
+}
+
+.gsm-marker svg {
+    display: block;
+    transition: filter 0.2s ease;
+}
+
+/* Selection ring for selected towers */
+.selection-ring {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 40px;
+    height: 40px;
+    border: 2px solid rgba(255,255,255,0.6);
+    border-radius: 50%;
+    animation: selection-pulse 2s ease-in-out infinite;
+    pointer-events: none;
+}
+
+@keyframes selection-pulse {
+    0%, 100% {
+        transform: translate(-50%, -50%) scale(1);
+        opacity: 0.6;
+    }
+    50% {
+        transform: translate(-50%, -50%) scale(1.3);
+        opacity: 0.2;
+    }
+}
+
+/* Rogue tower pulse ring */
+.rogue-pulse-ring {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 30px;
+    height: 30px;
+    border: 2px solid var(--accent-red);
+    border-radius: 50%;
+    animation: rogue-pulse 1.5s ease-out infinite;
+    pointer-events: none;
+}
+
+@keyframes rogue-pulse {
+    0% {
+        transform: translate(-50%, -50%) scale(0.8);
+        opacity: 0.8;
+    }
+    100% {
+        transform: translate(-50%, -50%) scale(2);
+        opacity: 0;
+    }
+}
+
+/* Device marker animations */
+.gsm-device {
+    animation: device-fade-in 0.3s ease-out;
+}
+
+@keyframes device-fade-in {
+    0% {
+        opacity: 0;
+        transform: scale(0.5);
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+.device-fade-out {
+    animation: device-fade-out 1s ease-out forwards;
+}
+
+@keyframes device-fade-out {
+    0% {
+        opacity: 1;
+        transform: scale(1);
+    }
+    100% {
+        opacity: 0;
+        transform: scale(0.3);
+    }
+}
+
+/* Legacy circle marker support (fallback) */
 .tower-marker {
     width: 20px;
     height: 20px;