updates on the active page and the profitability section

src/pages/nearle/dispatch/Dispatch.css

@@ -10986,4 +10986,87 @@
   .dispatch-container #dispatch-analysis {
     overflow-y: visible;
   }
+}
+
+/* ── Live Rider Bike Marker (Swiggy/Zomato style) ── */
+.dispatch-container .live-rider-bike {
+  --pin-color: #16a34a;
+  position: relative;
+  width: 160px;
+  height: 44px;
+  pointer-events: none;
+}
+
+.dispatch-container .live-rider-bike-badge {
+  position: absolute;
+  left: 4px;
+  top: 4px;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--pin-color);
+  border: 3px solid #fff;
+  border-radius: 50%;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+  pointer-events: auto;
+  z-index: 2;
+}
+
+.dispatch-container .live-rider-bike-pulse {
+  position: absolute;
+  left: 4px;
+  top: 4px;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: var(--pin-color);
+  opacity: 0.45;
+  z-index: 1;
+}
+
+.dispatch-container .live-rider-bike.is-active .live-rider-bike-pulse {
+  animation: live-rider-bike-pulse 1.6s ease-out infinite;
+}
+
+.dispatch-container .live-rider-bike.is-idle .live-rider-bike-badge {
+  opacity: 0.85;
+}
+
+.dispatch-container .live-rider-bike-label {
+  position: absolute;
+  left: 46px;
+  top: 9px;
+  background: var(--pin-color);
+  color: #fff;
+  font-size: 11px;
+  font-weight: 700;
+  padding: 3px 8px;
+  border-radius: 4px;
+  white-space: nowrap;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
+  line-height: 1.2;
+  pointer-events: auto;
+}
+
+.dispatch-container .live-rider-bike-label span {
+  font-weight: 500;
+  opacity: 0.85;
+  margin-left: 4px;
+}
+
+@keyframes live-rider-bike-pulse {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  70% {
+    transform: scale(2.2);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(2.2);
+    opacity: 0;
+  }
 }