diff --git a/templates/gsm_spy_dashboard.html b/templates/gsm_spy_dashboard.html
index bdb8263..dc673ad 100644
--- a/templates/gsm_spy_dashboard.html
+++ b/templates/gsm_spy_dashboard.html
@@ -459,6 +459,72 @@
background: var(--bg-dark);
}
+ /* Scan Progress Overlay */
+ .scan-progress-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ background: linear-gradient(180deg, rgba(10, 14, 20, 0.95) 0%, rgba(10, 14, 20, 0.85) 100%);
+ border-bottom: 1px solid var(--accent-cyan);
+ backdrop-filter: blur(8px);
+ padding: 10px 16px;
+ }
+
+ .scan-progress-inner {
+ max-width: 600px;
+ margin: 0 auto;
+ }
+
+ .scan-progress-header {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 6px;
+ font-family: var(--font-mono);
+ font-size: 12px;
+ }
+
+ .scan-progress-icon {
+ color: var(--accent-cyan);
+ font-size: 14px;
+ animation: spin 2s linear infinite;
+ display: inline-block;
+ }
+
+ @keyframes spin {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(360deg); }
+ }
+
+ #scanStatusText {
+ color: var(--accent-cyan);
+ flex: 1;
+ }
+
+ .scan-percent {
+ color: var(--text-primary);
+ font-weight: 600;
+ font-size: 13px;
+ }
+
+ .scan-progress-track {
+ background: rgba(255, 255, 255, 0.08);
+ border-radius: 3px;
+ height: 5px;
+ overflow: hidden;
+ }
+
+ .scan-progress-fill {
+ background: linear-gradient(90deg, var(--accent-cyan), #4dd0e1);
+ height: 100%;
+ width: 0%;
+ transition: width 0.3s ease;
+ border-radius: 3px;
+ box-shadow: 0 0 8px rgba(0, 229, 255, 0.4);
+ }
+
/* Right Sidebar */
.right-sidebar {
background: var(--bg-panel);
@@ -1215,6 +1281,18 @@
@@ -1240,15 +1318,6 @@
TRACKED TOWERS
-
-
- Scanning...
- 0%
-
-
-