{"id":4462,"date":"2026-04-22T16:34:52","date_gmt":"2026-04-22T16:34:52","guid":{"rendered":"https:\/\/stuff-x.net\/?page_id=4462"},"modified":"2026-04-22T16:37:58","modified_gmt":"2026-04-22T16:37:58","slug":"vape-guard","status":"publish","type":"page","link":"https:\/\/stuff-x.net\/ar\/vape-guard\/","title":{"rendered":"vape guard"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nVapeGuard \u2014 Anti-Counterfeit Dashboard<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #060a10;\n --surface: #0d1520;\n --surface2: #121d2e;\n --border: #1e3048;\n --accent: #00d4ff;\n --accent2: #ff6b35;\n --green: #00ff88;\n --red: #ff3366;\n --yellow: #ffd600;\n --text: #e8f4ff;\n --muted: #4a6b8a;\n --font-display: 'Syne', sans-serif;\n --font-mono: 'JetBrains Mono', monospace;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-display);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* Animated grid background *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image:\n linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);\n background-size: 40px 40px;\n pointer-events: none;\n z-index: 0;\n }\n\n \/* Glowing orbs *\/\n body::after {\n content: '';\n position: fixed;\n top: -200px;\n right: -200px;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(0,212,255,0.06) 0%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n animation: pulse 6s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 0.5; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.1); }\n }\n\n \/* SIDEBAR *\/\n .sidebar {\n position: fixed;\n left: 0; top: 0; bottom: 0;\n width: 72px;\n background: var(--surface);\n border-right: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px 0;\n gap: 8px;\n z-index: 100;\n }\n\n .logo-mark {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--accent), #0088ff);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n margin-bottom: 16px;\n box-shadow: 0 0 20px rgba(0,212,255,0.3);\n }\n\n .nav-item {\n width: 44px;\n height: 44px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n cursor: pointer;\n transition: all 0.2s;\n color: var(--muted);\n position: relative;\n }\n\n .nav-item:hover, .nav-item.active {\n background: rgba(0,212,255,0.1);\n color: var(--accent);\n }\n\n .nav-item.active::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 50%;\n transform: translateY(-50%);\n width: 3px;\n height: 24px;\n background: var(--accent);\n border-radius: 0 4px 4px 0;\n }\n\n \/* MAIN *\/\n .main {\n margin-left: 72px;\n padding: 24px;\n position: relative;\n z-index: 1;\n }\n\n \/* HEADER *\/\n .header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 28px;\n }\n\n .header-left h1 {\n font-size: 22px;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n\n .header-left span {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--muted);\n }\n\n .live-badge {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(0,255,136,0.08);\n border: 1px solid rgba(0,255,136,0.2);\n padding: 6px 14px;\n border-radius: 100px;\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--green);\n }\n\n .live-dot {\n width: 7px;\n height: 7px;\n background: var(--green);\n border-radius: 50%;\n animation: blink 1.2s ease-in-out infinite;\n box-shadow: 0 0 8px var(--green);\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n \/* STATS ROW *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .stat-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 20px;\n position: relative;\n overflow: hidden;\n animation: fadeUp 0.5s ease both;\n }\n\n .stat-card:nth-child(1) { animation-delay: 0.05s; }\n .stat-card:nth-child(2) { animation-delay: 0.1s; }\n .stat-card:nth-child(3) { animation-delay: 0.15s; }\n .stat-card:nth-child(4) { animation-delay: 0.2s; }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .stat-card::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n }\n\n .stat-card.blue::after { background: linear-gradient(90deg, transparent, var(--accent), transparent); }\n .stat-card.green::after { background: linear-gradient(90deg, transparent, var(--green), transparent); }\n .stat-card.red::after { background: linear-gradient(90deg, transparent, var(--red), transparent); }\n .stat-card.yellow::after { background: linear-gradient(90deg, transparent, var(--yellow), transparent); }\n\n .stat-label {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\n\n .stat-value {\n font-size: 32px;\n font-weight: 800;\n line-height: 1;\n margin-bottom: 6px;\n }\n\n .stat-card.blue .stat-value { color: var(--accent); }\n .stat-card.green .stat-value { color: var(--green); }\n .stat-card.red .stat-value { color: var(--red); }\n .stat-card.yellow .stat-value { color: var(--yellow); }\n\n .stat-sub {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n }\n\n .stat-trend {\n display: inline-flex;\n align-items: center;\n gap: 3px;\n font-size: 10px;\n margin-top: 4px;\n }\n\n .trend-up { color: var(--green); }\n .trend-down { color: var(--red); }\n\n \/* MAIN GRID *\/\n .content-grid {\n display: grid;\n grid-template-columns: 1fr 340px;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 20px;\n animation: fadeUp 0.5s ease both;\n animation-delay: 0.25s;\n }\n\n .card-title {\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--muted);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .card-title span {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--accent);\n background: rgba(0,212,255,0.08);\n padding: 3px 8px;\n border-radius: 4px;\n }\n\n \/* MAP *\/\n .map-container {\n position: relative;\n height: 280px;\n background: var(--surface2);\n border-radius: 12px;\n overflow: hidden;\n border: 1px solid var(--border);\n }\n\n .map-svg {\n width: 100%;\n height: 100%;\n }\n\n \/* Scan dots on map *\/\n .scan-dot {\n animation: scanPulse 2s ease-in-out infinite;\n }\n\n @keyframes scanPulse {\n 0%, 100% { r: 4; opacity: 0.8; }\n 50% { r: 7; opacity: 0.4; }\n }\n\n .scan-dot-fake {\n animation: scanPulse 1.5s ease-in-out infinite;\n }\n\n \/* LIVE FEED *\/\n .live-feed {\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-height: 320px;\n overflow-y: auto;\n }\n\n .live-feed::-webkit-scrollbar { width: 4px; }\n .live-feed::-webkit-scrollbar-track { background: transparent; }\n .live-feed::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }\n\n .feed-item {\n background: var(--surface2);\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 10px 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n animation: slideIn 0.3s ease;\n }\n\n @keyframes slideIn {\n from { opacity: 0; transform: translateX(12px); }\n to { opacity: 1; transform: translateX(0); }\n }\n\n .feed-status {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .feed-status.ok { background: var(--green); box-shadow: 0 0 6px var(--green); }\n .feed-status.fake { background: var(--red); box-shadow: 0 0 6px var(--red); }\n .feed-status.dup { background: var(--yellow); box-shadow: 0 0 6px var(--yellow); }\n\n .feed-info { flex: 1; min-width: 0; }\n\n .feed-serial {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--text);\n font-weight: 700;\n }\n\n .feed-meta {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n margin-top: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .feed-time {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n flex-shrink: 0;\n }\n\n \/* BOTTOM GRID *\/\n .bottom-grid {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 16px;\n }\n\n \/* ALERT CARD *\/\n .alert-item {\n background: var(--surface2);\n border-radius: 10px;\n padding: 12px;\n border-left: 3px solid var(--red);\n margin-bottom: 8px;\n animation: fadeUp 0.4s ease;\n }\n\n .alert-title {\n font-size: 12px;\n font-weight: 700;\n color: var(--red);\n margin-bottom: 4px;\n }\n\n .alert-body {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n line-height: 1.5;\n }\n\n .alert-time {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n margin-top: 6px;\n }\n\n \/* PRODUCT TABLE *\/\n .product-row {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .product-row:last-child { border-bottom: none; }\n\n .product-rank {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--muted);\n width: 20px;\n }\n\n .product-name {\n flex: 1;\n font-size: 12px;\n font-weight: 600;\n }\n\n .product-bar-wrap {\n width: 80px;\n height: 4px;\n background: var(--border);\n border-radius: 4px;\n overflow: hidden;\n }\n\n .product-bar {\n height: 100%;\n background: linear-gradient(90deg, var(--accent), #0088ff);\n border-radius: 4px;\n transition: width 1s ease;\n }\n\n .product-count {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--accent);\n width: 36px;\n text-align: right;\n }\n\n \/* CHART *\/\n .mini-chart {\n display: flex;\n align-items: flex-end;\n gap: 4px;\n height: 80px;\n padding-top: 10px;\n }\n\n .bar-col {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n height: 100%;\n justify-content: flex-end;\n }\n\n .bar-fill {\n width: 100%;\n border-radius: 4px 4px 0 0;\n transition: height 1s ease;\n min-height: 4px;\n }\n\n .bar-fill.ok-bar { background: linear-gradient(180deg, var(--green), rgba(0,255,136,0.3)); }\n .bar-fill.fake-bar { background: linear-gradient(180deg, var(--red), rgba(255,51,102,0.3)); }\n\n .bar-label {\n font-family: var(--font-mono);\n font-size: 9px;\n color: var(--muted);\n }\n\n \/* HOTSPOT *\/\n .hotspot-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .hotspot-item:last-child { border-bottom: none; }\n\n .hotspot-flag { font-size: 18px; }\n\n .hotspot-info { flex: 1; }\n\n .hotspot-city {\n font-size: 12px;\n font-weight: 700;\n }\n\n .hotspot-count {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--muted);\n }\n\n .hotspot-badge {\n font-family: var(--font-mono);\n font-size: 10px;\n padding: 3px 8px;\n border-radius: 4px;\n font-weight: 700;\n }\n\n .badge-danger { background: rgba(255,51,102,0.15); color: var(--red); }\n .badge-warn { background: rgba(255,214,0,0.15); color: var(--yellow); }\n .badge-ok { background: rgba(0,255,136,0.15); color: var(--green); }\n\n \/* SCROLLBAR *\/\n ::-webkit-scrollbar { width: 4px; height: 4px; }\n ::-webkit-scrollbar-track { background: transparent; }\n ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .stats-grid { grid-template-columns: repeat(2, 1fr); }\n .content-grid { grid-template-columns: 1fr; }\n .bottom-grid { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- SIDEBAR -->\n<nav class=\"sidebar\">\n <div class=\"logo-mark\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"nav-item active\" title=\"Dashboard\">\ud83d\udcca<\/div>\n <div class=\"nav-item\" title=\"Scans\">\ud83d\udd0d<\/div>\n <div class=\"nav-item\" title=\"Products\">\ud83d\udce6<\/div>\n <div class=\"nav-item\" title=\"Alerts\">\ud83d\udd14<\/div>\n <div class=\"nav-item\" title=\"Map\">\ud83d\uddfa\ufe0f<\/div>\n <div class=\"nav-item\" title=\"Settings\" style=\"margin-top:auto\">\u2699\ufe0f<\/div>\n<\/nav>\n\n<!-- MAIN -->\n<main class=\"main\">\n\n <!-- HEADER -->\n <div class=\"header\">\n <div class=\"header-left\">\n <h1>VapeGuard Dashboard<\/h1>\n <span id=\"current-time\" style=\"display:block; margin-top:4px;\"><\/span>\n <\/div>\n <div style=\"display:flex; gap:12px; align-items:center;\">\n <div class=\"live-badge\">\n <div class=\"live-dot\"><\/div>\n LIVE MONITORING\n <\/div>\n <div style=\"background:var(--surface); border:1px solid var(--border); padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700;\">\n Vape Station EG\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STATS -->\n <div class=\"stats-grid\">\n <div class=\"stat-card blue\">\n <div class=\"stat-label\">Total Scans Today<\/div>\n <div class=\"stat-value\" id=\"total-scans\">2,847<\/div>\n <div class=\"stat-trend trend-up\">\u2191 +18% \u0645\u0646 \u0623\u0645\u0628\u0627\u0631\u062d<\/div>\n <\/div>\n <div class=\"stat-card green\">\n <div class=\"stat-label\">Verified Original \u2705<\/div>\n <div class=\"stat-value\" id=\"original-count\">2,631<\/div>\n <div class=\"stat-trend trend-up\">\u2191 92.4% \u0645\u0646 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/div>\n <\/div>\n <div class=\"stat-card red\">\n <div class=\"stat-label\">Fake Detected \u26a0\ufe0f<\/div>\n <div class=\"stat-value\" id=\"fake-count\">143<\/div>\n <div class=\"stat-trend trend-down\">\u2191 +23% \u0645\u0646 \u0623\u0645\u0628\u0627\u0631\u062d<\/div>\n <\/div>\n <div class=\"stat-card yellow\">\n <div class=\"stat-label\">Duplicate Scans \ud83d\udd01<\/div>\n <div class=\"stat-value\" id=\"dup-count\">73<\/div>\n <div class=\"stat-trend\" style=\"color:var(--yellow);\">\u26a0\ufe0f 12 \u062a\u062d\u062a\u0627\u062c \u0645\u0631\u0627\u062c\u0639\u0629<\/div>\n <\/div>\n <\/div>\n\n <!-- MAP + LIVE FEED -->\n <div class=\"content-grid\">\n <div class=\"card\">\n <div class=\"card-title\">\n \u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0640 Scans \u2014 \u0645\u0635\u0631\n <span>LIVE<\/span>\n <\/div>\n <div class=\"map-container\">\n <!-- Egypt SVG Map (simplified) -->\n <svg class=\"map-svg\" viewBox=\"0 0 400 350\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <radialGradient id=\"mapGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#00d4ff\" stop-opacity=\"0.1\"\/>\n <stop offset=\"100%\" stop-color=\"#00d4ff\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n <!-- Egypt outline (simplified) -->\n <path d=\"M 160 30 L 240 30 L 255 50 L 260 80 L 250 110 L 265 140 L 270 170 L 260 200 L 240 220 L 220 240 L 200 270 L 185 260 L 170 240 L 150 220 L 130 210 L 110 200 L 100 180 L 90 160 L 95 130 L 100 100 L 110 80 L 130 60 L 145 40 Z\"\n fill=\"rgba(0,212,255,0.05)\" stroke=\"rgba(0,212,255,0.2)\" stroke-width=\"1.5\"\/>\n\n <!-- Nile River -->\n <path d=\"M 185 260 L 190 220 L 188 200 L 192 170 L 190 140 L 195 100 L 200 60 L 205 40\"\n fill=\"none\" stroke=\"rgba(0,150,255,0.3)\" stroke-width=\"2\" stroke-dasharray=\"4,3\"\/>\n\n <!-- Cairo - major hub -->\n <circle cx=\"195\" cy=\"110\" r=\"16\" fill=\"rgba(0,212,255,0.05)\" stroke=\"rgba(0,212,255,0.3)\" stroke-width=\"1\"\/>\n <circle class=\"scan-dot\" cx=\"195\" cy=\"110\" r=\"5\" fill=\"#00d4ff\"\/>\n <text x=\"215\" y=\"108\" fill=\"#00d4ff\" font-size=\"9\" font-family=\"JetBrains Mono\">\u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/text>\n <text x=\"215\" y=\"118\" fill=\"rgba(0,212,255,0.6)\" font-size=\"8\" font-family=\"JetBrains Mono\">847 scans<\/text>\n\n <!-- Alexandria -->\n <circle cx=\"155\" cy=\"75\" r=\"10\" fill=\"rgba(0,255,136,0.05)\" stroke=\"rgba(0,255,136,0.3)\" stroke-width=\"1\"\/>\n <circle class=\"scan-dot\" cx=\"155\" cy=\"75\" r=\"4\" fill=\"#00ff88\"\/>\n <text x=\"130\" y=\"72\" fill=\"#00ff88\" font-size=\"9\" font-family=\"JetBrains Mono\">\u0627\u0644\u0625\u0633\u0643\u0646\u062f\u0631\u064a\u0629<\/text>\n <text x=\"130\" y=\"82\" fill=\"rgba(0,255,136,0.6)\" font-size=\"8\" font-family=\"JetBrains Mono\">312 scans<\/text>\n\n <!-- Fake hotspot -->\n <circle cx=\"230\" cy=\"155\" r=\"12\" fill=\"rgba(255,51,102,0.08)\" stroke=\"rgba(255,51,102,0.4)\" stroke-width=\"1\"\/>\n <circle class=\"scan-dot-fake\" cx=\"230\" cy=\"155\" r=\"5\" fill=\"#ff3366\"\/>\n <text x=\"245\" y=\"153\" fill=\"#ff3366\" font-size=\"9\" font-family=\"JetBrains Mono\">\u26a0\ufe0f \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0623\u062d\u0645\u0631<\/text>\n <text x=\"245\" y=\"163\" fill=\"rgba(255,51,102,0.7)\" font-size=\"8\" font-family=\"JetBrains Mono\">67 \u0645\u0632\u0648\u0631<\/text>\n\n <!-- Assiut -->\n <circle cx=\"185\" cy=\"185\" r=\"6\" fill=\"rgba(255,214,0,0.05)\" stroke=\"rgba(255,214,0,0.3)\" stroke-width=\"1\"\/>\n <circle cx=\"185\" cy=\"185\" r=\"3\" fill=\"#ffd600\"\/>\n <text x=\"195\" y=\"188\" fill=\"#ffd600\" font-size=\"8\" font-family=\"JetBrains Mono\">\u0623\u0633\u064a\u0648\u0637 124<\/text>\n\n <!-- Mansoura -->\n <circle cx=\"210\" cy=\"93\" r=\"5\" fill=\"rgba(0,212,255,0.05)\" stroke=\"rgba(0,212,255,0.2)\" stroke-width=\"1\"\/>\n <circle cx=\"210\" cy=\"93\" r=\"3\" fill=\"#00d4ff\"\/>\n <text x=\"218\" y=\"96\" fill=\"#4a6b8a\" font-size=\"8\" font-family=\"JetBrains Mono\">\u0627\u0644\u0645\u0646\u0635\u0648\u0631\u0629 89<\/text>\n\n <!-- Fake in Upper Egypt -->\n <circle cx=\"175\" cy=\"220\" r=\"8\" fill=\"rgba(255,51,102,0.06)\" stroke=\"rgba(255,51,102,0.3)\" stroke-width=\"1\"\/>\n <circle class=\"scan-dot-fake\" cx=\"175\" cy=\"220\" r=\"3\" fill=\"#ff3366\"\/>\n <text x=\"120\" y=\"223\" fill=\"rgba(255,51,102,0.7)\" font-size=\"8\" font-family=\"JetBrains Mono\">\u26a0\ufe0f \u0627\u0644\u0635\u0639\u064a\u062f 34<\/text>\n\n <!-- Suez -->\n <circle cx=\"237\" cy=\"120\" r=\"4\" fill=\"rgba(0,212,255,0.05)\"\/>\n <circle cx=\"237\" cy=\"120\" r=\"2.5\" fill=\"#00d4ff\" opacity=\"0.6\"\/>\n <\/svg>\n <\/div>\n <div style=\"display:flex; gap:16px; margin-top:12px; flex-wrap:wrap;\">\n <div style=\"display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; color:var(--muted);\">\n <div style=\"width:8px;height:8px;border-radius:50%;background:var(--green);\"><\/div> Original Scan\n <\/div>\n <div style=\"display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; color:var(--muted);\">\n <div style=\"width:8px;height:8px;border-radius:50%;background:var(--accent);\"><\/div> High Volume\n <\/div>\n <div style=\"display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10px; color:var(--muted);\">\n <div style=\"width:8px;height:8px;border-radius:50%;background:var(--red);\"><\/div> Fake Detected\n <\/div>\n <\/div>\n <\/div>\n\n <!-- LIVE FEED -->\n <div class=\"card\" style=\"padding:20px;\">\n <div class=\"card-title\">\n Live Scan Feed\n <span id=\"feed-count\">0<\/span>\n <\/div>\n <div class=\"live-feed\" id=\"live-feed\">\n <!-- Populated by JS -->\n <\/div>\n <\/div>\n <\/div>\n\n <!-- BOTTOM GRID -->\n <div class=\"bottom-grid\">\n\n <!-- ALERTS -->\n <div class=\"card\" style=\"animation-delay:0.3s\">\n <div class=\"card-title\">\n \ud83d\udea8 Active Alerts\n <span style=\"color:var(--red); background:rgba(255,51,102,0.1);\">3 NEW<\/span>\n <\/div>\n <div class=\"alert-item\">\n <div class=\"alert-title\">Serial \u0645\u0643\u0631\u0631 \u2014 \u062e\u0637\u0631 \u0639\u0627\u0644\u064a<\/div>\n <div class=\"alert-body\">VS-MNG-2024-8847<br>\u0627\u062a\u0633\u0643\u0646 14 \u0645\u0631\u0629 \u0645\u0646 3 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629<\/div>\n <div class=\"alert-time\">\ud83d\udd50 \u0645\u0646\u0630 3 \u062f\u0642\u0627\u0626\u0642<\/div>\n <\/div>\n <div class=\"alert-item\" style=\"border-color:var(--yellow);\">\n <div class=\"alert-title\" style=\"color:var(--yellow);\">Cluster \u0645\u0634\u0628\u0648\u0647<\/div>\n <div class=\"alert-body\">47 serial \u0645\u062a\u062a\u0627\u0644\u064a \u0645\u0646 \u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0623\u062d\u0645\u0631<br>\u0646\u0641\u0633 \u0627\u0644\u0640 IP range<\/div>\n <div class=\"alert-time\">\ud83d\udd50 \u0645\u0646\u0630 12 \u062f\u0642\u064a\u0642\u0629<\/div>\n <\/div>\n <div class=\"alert-item\" style=\"border-color:var(--yellow);\">\n <div class=\"alert-title\" style=\"color:var(--yellow);\">\u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f \u0645\u062d\u0627\u0648\u0644 \u062a\u0633\u062c\u064a\u0644\u0647<\/div>\n <div class=\"alert-body\">VS-STB-2024-XXXX<br>Serial \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/div>\n <div class=\"alert-time\">\ud83d\udd50 \u0645\u0646\u0630 28 \u062f\u0642\u064a\u0642\u0629<\/div>\n <\/div>\n <\/div>\n\n <!-- TOP PRODUCTS -->\n <div class=\"card\" style=\"animation-delay:0.35s\">\n <div class=\"card-title\">\n \ud83d\udce6 \u0623\u0643\u062a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u062a\u0633\u0643\u0646\u062a\n <span>\u0627\u0644\u064a\u0648\u0645<\/span>\n <\/div>\n <div>\n <div class=\"product-row\">\n <div class=\"product-rank\">01<\/div>\n <div class=\"product-name\">Smoozy Mango Ice<\/div>\n <div class=\"product-bar-wrap\"><div class=\"product-bar\" style=\"width:90%\"><\/div><\/div>\n <div class=\"product-count\">847<\/div>\n <\/div>\n <div class=\"product-row\">\n <div class=\"product-rank\">02<\/div>\n <div class=\"product-name\">Smoozy Watermelon<\/div>\n <div class=\"product-bar-wrap\"><div class=\"product-bar\" style=\"width:70%\"><\/div><\/div>\n <div class=\"product-count\">631<\/div>\n <\/div>\n <div class=\"product-row\">\n <div class=\"product-rank\">03<\/div>\n <div class=\"product-name\">Elkot Pod 3000<\/div>\n <div class=\"product-bar-wrap\"><div class=\"product-bar\" style=\"width:55%\"><\/div><\/div>\n <div class=\"product-count\">489<\/div>\n <\/div>\n <div class=\"product-row\">\n <div class=\"product-rank\">04<\/div>\n <div class=\"product-name\">Smoozy Berry Mix<\/div>\n <div class=\"product-bar-wrap\"><div class=\"product-bar\" style=\"width:40%\"><\/div><\/div>\n <div class=\"product-count\">357<\/div>\n <\/div>\n <div class=\"product-row\">\n <div class=\"product-rank\">05<\/div>\n <div class=\"product-name\">Elkot Salt Nic<\/div>\n <div class=\"product-bar-wrap\"><div class=\"product-bar\" style=\"width:28%\"><\/div><\/div>\n <div class=\"product-count\">248<\/div>\n <\/div>\n <\/div>\n <div style=\"margin-top:16px;\">\n <div class=\"card-title\" style=\"margin-bottom:8px;\">Scans \u0622\u062e\u0631 7 \u0623\u064a\u0627\u0645<\/div>\n <div class=\"mini-chart\" id=\"mini-chart\"><\/div>\n <\/div>\n <\/div>\n\n <!-- HOTSPOTS -->\n <div class=\"card\" style=\"animation-delay:0.4s\">\n <div class=\"card-title\">\n \ud83d\udccd Fake Hotspots\n <span style=\"color:var(--red); background:rgba(255,51,102,0.1);\">ALERT<\/span>\n <\/div>\n <div class=\"hotspot-item\">\n <div class=\"hotspot-flag\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"hotspot-info\">\n <div class=\"hotspot-city\">\u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0623\u062d\u0645\u0631<\/div>\n <div class=\"hotspot-count\">67 fake serial \u2014 Vodafone EG<\/div>\n <\/div>\n <div class=\"hotspot-badge badge-danger\">\u062e\u0637\u0631<\/div>\n <\/div>\n <div class=\"hotspot-item\">\n <div class=\"hotspot-flag\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"hotspot-info\">\n <div class=\"hotspot-city\">\u0627\u0644\u0635\u0639\u064a\u062f<\/div>\n <div class=\"hotspot-count\">34 fake serial \u2014 WE Telecom<\/div>\n <\/div>\n <div class=\"hotspot-badge badge-danger\">\u062e\u0637\u0631<\/div>\n <\/div>\n <div class=\"hotspot-item\">\n <div class=\"hotspot-flag\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"hotspot-info\">\n <div class=\"hotspot-city\">\u0627\u0644\u0625\u0633\u0645\u0627\u0639\u064a\u0644\u064a\u0629<\/div>\n <div class=\"hotspot-count\">19 fake serial \u2014 Orange EG<\/div>\n <\/div>\n <div class=\"hotspot-badge badge-warn\">\u062a\u062d\u0630\u064a\u0631<\/div>\n <\/div>\n <div class=\"hotspot-item\">\n <div class=\"hotspot-flag\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"hotspot-info\">\n <div class=\"hotspot-city\">\u0627\u0644\u0625\u0633\u0643\u0646\u062f\u0631\u064a\u0629<\/div>\n <div class=\"hotspot-count\">12 duplicate scans<\/div>\n <\/div>\n <div class=\"hotspot-badge badge-warn\">\u0645\u0631\u0627\u0642\u0628\u0629<\/div>\n <\/div>\n <div class=\"hotspot-item\">\n <div class=\"hotspot-flag\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"hotspot-info\">\n <div class=\"hotspot-city\">\u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/div>\n <div class=\"hotspot-count\">847 scans \u2014 98% \u0623\u0635\u0644\u064a \u2705<\/div>\n <\/div>\n <div class=\"hotspot-badge badge-ok\">\u0622\u0645\u0646<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/main>\n\n<script>\n \/\/ Current time\n function updateTime() {\n const now = new Date();\n document.getElementById('current-time').textContent =\n now.toLocaleDateString('ar-EG', { weekday:'long', year:'numeric', month:'long', day:'numeric' }) +\n ' \u2014 ' + now.toLocaleTimeString('ar-EG');\n }\n updateTime();\n setInterval(updateTime, 1000);\n\n \/\/ Mini chart\n const chartData = [\n { label:'Sat', ok: 60, fake: 15 },\n { label:'Sun', ok: 75, fake: 20 },\n { label:'Mon', ok: 55, fake: 25 },\n { label:'Tue', ok: 85, fake: 18 },\n { label:'Wed', ok: 70, fake: 30 },\n { label:'Thu', ok: 90, fake: 22 },\n { label:'Fri', ok: 95, fake: 35 },\n ];\n\n const chartEl = document.getElementById('mini-chart');\n chartData.forEach(d => {\n const col = document.createElement('div');\n col.className = 'bar-col';\n const maxH = 60;\n const maxVal = 95;\n col.innerHTML = `\n <div class=\"bar-fill ok-bar\" style=\"height:${(d.ok\/maxVal)*maxH}px; opacity:0.7;\"><\/div>\n <div class=\"bar-label\">${d.label}<\/div>\n `;\n chartEl.appendChild(col);\n });\n\n \/\/ Live feed simulation\n const serials = [\n { s: 'VS-MNG-2024-4421', loc: '\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c Vodafone', type: 'ok' },\n { s: 'VS-STB-2024-8847', loc: '\u0627\u0644\u0628\u062d\u0631 \u0627\u0644\u0623\u062d\u0645\u0631\u060c Orange', type: 'fake' },\n { s: 'VS-WTR-2024-1103', loc: '\u0627\u0644\u0625\u0633\u0643\u0646\u062f\u0631\u064a\u0629\u060c WE', type: 'ok' },\n { s: 'VS-MNG-2024-8847', loc: '\u0627\u0644\u0635\u0639\u064a\u062f\u060c Etisalat', type: 'dup' },\n { s: 'VS-ELK-2024-3392', loc: '\u0627\u0644\u0645\u0646\u0635\u0648\u0631\u0629\u060c Vodafone', type: 'ok' },\n { s: 'VS-BRY-2024-9921', loc: '\u0623\u0633\u064a\u0648\u0637\u060c Orange', type: 'ok' },\n { s: 'VS-STB-2024-0012', loc: '\u0627\u0644\u0625\u0633\u0645\u0627\u0639\u064a\u0644\u064a\u0629\u060c WE', type: 'fake' },\n { s: 'VS-MNG-2024-7743', loc: '\u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c Etisalat', type: 'ok' },\n { s: 'VS-ELK-2024-5511', loc: '\u0627\u0644\u062c\u064a\u0632\u0629\u060c Vodafone', type: 'ok' },\n { s: 'VS-WTR-2024-3847', loc: '\u0628\u0648\u0631\u0633\u0639\u064a\u062f\u060c WE', type: 'dup' },\n ];\n\n const statusMap = { ok: '\u2705 \u0623\u0635\u0644\u064a', fake: '\u274c \u0645\u0632\u0648\u0631', dup: '\u26a0\ufe0f \u0645\u0643\u0631\u0631' };\n let feedItems = [];\n let feedCount = 0;\n\n function addFeedItem() {\n const item = serials[Math.floor(Math.random() * serials.length)];\n const now = new Date();\n const timeStr = now.toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n\n const el = document.createElement('div');\n el.className = 'feed-item';\n el.innerHTML = `\n <div class=\"feed-status ${item.type}\"><\/div>\n <div class=\"feed-info\">\n <div class=\"feed-serial\">${item.s}<\/div>\n <div class=\"feed-meta\">${statusMap[item.type]} \u2014 ${item.loc}<\/div>\n <\/div>\n <div class=\"feed-time\">${timeStr}<\/div>\n `;\n\n const feed = document.getElementById('live-feed');\n feed.insertBefore(el, feed.firstChild);\n\n feedCount++;\n document.getElementById('feed-count').textContent = feedCount;\n\n \/\/ Keep max 12 items\n if (feed.children.length > 12) {\n feed.removeChild(feed.lastChild);\n }\n\n \/\/ Update counters randomly\n const totalEl = document.getElementById('total-scans');\n const total = parseInt(totalEl.textContent.replace(',', '')) + 1;\n totalEl.textContent = total.toLocaleString();\n\n if (item.type === 'ok') {\n const el2 = document.getElementById('original-count');\n el2.textContent = (parseInt(el2.textContent.replace(',', '')) + 1).toLocaleString();\n } else if (item.type === 'fake') {\n const el2 = document.getElementById('fake-count');\n el2.textContent = parseInt(el2.textContent) + 1;\n } else {\n const el2 = document.getElementById('dup-count');\n el2.textContent = parseInt(el2.textContent) + 1;\n }\n }\n\n \/\/ Initial items\n for (let i = 0; i < 8; i++) addFeedItem();\n\n \/\/ Add new item every 2.5s\n setInterval(addFeedItem, 2500);\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VapeGuard \u2014 Anti-Counterfeit Dashboard \ud83d\udee1\ufe0f \ud83d\udcca \ud83d\udd0d \ud83d\udce6 \ud83d\udd14 \ud83d\uddfa\ufe0f \u2699\ufe0f VapeGuard Dashboard LIVE MONITORING Vape Station EG Total Scans Today 2,847 \u2191 +18% \u0645\u0646 \u0623\u0645\u0628\u0627\u0631\u062d Verified Original \u2705 2,631 \u2191 92.4% \u0645\u0646 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a Fake Detected \u26a0\ufe0f 143 \u2191 +23% \u0645\u0646 \u0623\u0645\u0628\u0627\u0631\u062d Duplicate Scans \ud83d\udd01 73 \u26a0\ufe0f 12 \u062a\u062d\u062a\u0627\u062c \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0640 Scans \u2014 \u0645\u0635\u0631 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4462","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/comments?post=4462"}],"version-history":[{"count":0,"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/pages\/4462\/revisions"}],"wp:attachment":[{"href":"https:\/\/stuff-x.net\/ar\/wp-json\/wp\/v2\/media?parent=4462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}