:root{
  --void:#060202; 
  --panel:#0d0505; 
  --raised:#140707;
  --crimson:#b3272d;
  --crimson-bright:#e0453f;
  --ember:#4a1414;
  --hair:rgba(179,39,45,.22);
  --text:#f2e9e6;
  --muted:#93807c;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--void);
  color:var(--text);
  font-family:'Tajawal',sans-serif;
  height:100vh;
  overflow-x:hidden; 
  display:flex;
  flex-direction:column;
}
.bg-grid {
  position:fixed; inset:0; z-index:1; pointer-events:none;
  background-image: linear-gradient(rgba(179,39,45,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(179,39,45,.03) 1px, transparent 1px);
  background-size:42px 42px;
}
.scanlines {
  position:fixed; inset:0; z-index:5; pointer-events:none; opacity:0.25;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 50%);
  background-size: 100% 4px;
}
#network-canvas { position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:2; pointer-events:none; }
h1,h2,.brand-name,.badge,.scan-btn,.run-btn{font-family:'Rajdhani',sans-serif;}
.topbar{ display:flex; justify-content:space-between; align-items:center; padding:16px 28px; border-bottom:1px solid var(--hair); background:linear-gradient(180deg, rgba(179,39,45,.08), transparent); z-index:10; }
.brand{display:flex; align-items:center; gap:10px;}
.brand-tag{ font-size:11px; letter-spacing:.12em; color:var(--muted); border:1px solid var(--hair); padding:3px 8px; border-radius:30px; }
.brand-name{font-size:20px; font-weight:700; letter-spacing:.04em;}
.brand-mark{color:var(--crimson-bright);}
.topbar-center { display:flex; align-items:center; justify-content:center; flex:1; }
.topbar-status{display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; font-weight:500;}
.dot{width:6px; height:6px; border-radius:50%; background:var(--crimson-bright); box-shadow:0 0 6px var(--crimson-bright);}
.lang-toggle{display:flex; gap:6px;}
.tg-glow-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:radial-gradient(circle at 35% 35%,rgba(224,69,63,.28) 0%,rgba(74,20,20,.35) 45%,rgba(13,5,5,.95) 85%);border:1px solid rgba(224,69,63,.45);border-radius:50%;color:var(--crimson-bright);font-size:18px;text-decoration:none;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 0 14px rgba(224,69,63,.3),inset 0 0 8px rgba(224,69,63,.2);animation:tgFloat 3s ease-in-out infinite;}
.tg-glow-btn:hover{color:#fff;border-color:var(--crimson-bright);transform:translateY(-6px) scale(1.18) rotate(-10deg);box-shadow:0 0 28px rgba(224,69,63,.85),0 0 10px rgba(255,255,255,.2),inset 0 0 14px rgba(224,69,63,.45);}
.tg-glow-btn i{filter:drop-shadow(0 0 6px rgba(224,69,63,.6));transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1);}
.tg-glow-btn:hover i{transform:translate(2px,-2px) scale(1.18) rotate(-12deg);filter:drop-shadow(0 0 12px var(--crimson-bright)) drop-shadow(0 0 20px #ff4d4d);}
.tg-pulse-ring{position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(224,69,63,.75);animation:tgRadar 2.2s cubic-bezier(0.215,0.61,0.355,1) infinite;pointer-events:none;}
@keyframes tgRadar{0%{transform:scale(.95);opacity:.85;}70%{transform:scale(1.5);opacity:0;}100%{transform:scale(1.6);opacity:0;}}
@keyframes tgFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
.lang-btn{ background:transparent; border:1px solid var(--hair); color:var(--muted); font-family:'Tajawal',sans-serif; font-size:12px; padding:6px 14px; border-radius:30px; cursor:pointer; transition:0.3s ease;}
.lang-btn:hover{ color:var(--text); transform:scale(1.05); }
.lang-btn.active{background:var(--ember); color:var(--text); border-color:var(--crimson);}
.workspace { flex:1; position:relative; z-index:10; overflow:hidden; }
.panel{ background:rgba(13, 5, 5, 0.80); border:1px solid rgba(179,39,45,.3); border-radius:24px; padding:28px; display:flex; flex-direction:column; gap:18px; box-shadow:0 15px 45px rgba(0,0,0,0.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition: all 0.4s ease; }
.panel:hover { box-shadow: 0 20px 50px rgba(0,0,0,1), inset 0 0 25px rgba(179,39,45,0.08); }
.panel-header{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-direction:row-reverse;}
.panel-title{font-size:19px; font-weight:600;}
.panel-sub{color:var(--muted); font-size:12.5px; margin-top:3px;}
.badge{ font-size:10.5px; letter-spacing:.1em; color:var(--crimson-bright); border:1px solid var(--crimson); border-radius:30px; padding:4px 10px; white-space:nowrap; font-weight:700; }
.search-module { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    right: auto;
    transform: translate(-50%, -50%); 
    width: 94%;
    max-width: 520px;
    z-index: 20; 
    margin: 0;
    transition: transform 0.5s cubic-bezier(0.1, 0.8, 0.1, 1), 
                left 0.5s cubic-bezier(0.1, 0.8, 0.1, 1), 
                right 0.5s cubic-bezier(0.1, 0.8, 0.1, 1),
                box-shadow 0.4s ease;
}
.scan-type-selector { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.scan-btn { background:var(--raised); border:1px solid var(--hair); border-radius:16px; padding:12px 5px; cursor:pointer; color:var(--muted); transition:all 0.3s ease; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align: center; }
.scan-btn i { font-size:16px; transition: transform 0.3s ease; }
.btn-text { font-size:11px; letter-spacing:1px; font-weight:700; }
.scan-btn:hover { background:rgba(179,39,45,.15); border-color:var(--crimson); color:var(--text); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0,0,0,0.5); }
.scan-btn.active { background:var(--ember); color:var(--text); border-color:var(--crimson); box-shadow: inset 0 -3px 0 var(--crimson); transform: translateY(0); }
.scan-btn.locked-module { opacity:0.6; cursor:not-allowed !important; background:rgba(13,5,5,0.6) !important; border-color:rgba(179,39,45,0.1) !important; color:#777 !important; }
.scan-btn.locked-module:hover { transform:none !important; box-shadow:none !important; }
.field label{display:block; font-size:12.5px; color:var(--muted); margin-bottom:7px; margin-inline-start: 10px;}
.input-row{position:relative; width: 100%;}
input[type=text]{ width:100%; padding:15px 20px; background:var(--raised); border:1px solid var(--hair); color:var(--text); font-family:var(--mono); font-size:15px; border-radius:30px; outline:none; transition:all 0.4s; box-shadow: 0 4px 15px rgba(0,0,0,0.4); }
input::placeholder{color:#5a4a47; font-family:'Tajawal', sans-serif;}
input:focus{border-color:var(--crimson-bright); background:#1a0c0b; box-shadow: 0 8px 30px rgba(179,39,45,0.3); transform: scale(1.02); }
[dir="rtl"] input[type=text] { direction: ltr; text-align: right; }
[dir="ltr"] input[type=text] { text-align: left; }
.run-btn{ width: 100%; display:flex; align-items:center; justify-content:center; gap:9px; background:var(--crimson); color:#fff; border:none; border-radius:30px; font-weight:700; font-size:15px; padding:16px; cursor:pointer; transition:all 0.4s ease; letter-spacing:1px; margin-top:5px; box-shadow: 0 4px 15px rgba(179,39,45,0.4); }
.run-btn:hover{background:var(--crimson-bright); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(179,39,45,0.5); }
.run-btn:active{transform: translateY(1px); box-shadow: 0 2px 10px rgba(179,39,45,0.2); }
.run-btn.loading{opacity:.7; pointer-events:none; transform:scale(0.98);}
.run-btn.locked{background:#230808 !important; color:var(--muted) !important; border:1px solid rgba(224,69,63,.35) !important; cursor:not-allowed !important; pointer-events:none; box-shadow:none !important; transform:none !important;}


.quota-pure-number {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(179, 39, 45, 0.18);
  border: 1px solid var(--crimson);
  color: var(--crimson-bright);
  padding: 3px 12px;
  border-radius: 20px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  box-shadow: 0 0 10px rgba(224, 69, 63, 0.35);
  transition: all 0.3s ease;
  user-select: none;
}
.quota-pure-number i {
  font-size: 13px;
  color: var(--crimson-bright);
}
.quota-pure-number.pulse-anim {
  animation: numberPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes numberPop {
  0% { transform: scale(1); }
  50% { transform: scale(1.25); color: #fff; box-shadow: 0 0 16px var(--crimson-bright); }
  100% { transform: scale(1); }
}


.dossier-close-btn {
  background: rgba(224, 69, 63, 0.12);
  border: 1px solid var(--hair);
  color: var(--muted);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.dossier-close-btn:hover {
  background: var(--crimson-bright);
  color: #fff;
  border-color: var(--crimson-bright);
  transform: scale(1.15) rotate(90deg);
  box-shadow: 0 0 14px rgba(224, 69, 63, 0.6);
}
.dossier-actions {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.hide-results-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(20, 7, 7, 0.85);
  border: 1px solid var(--hair);
  color: var(--muted);
  padding: 10px;
  border-radius: 14px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hide-results-btn:hover {
  background: rgba(179, 39, 45, 0.22);
  border-color: var(--crimson);
  color: var(--text);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}
.restore-dossier-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(13, 5, 5, 0.92);
  border: 1px solid var(--crimson);
  color: var(--crimson-bright);
  padding: 12px 18px;
  border-radius: 30px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  margin-top: 10px;
  width: 100%;
  box-shadow: 0 4px 20px rgba(224, 69, 63, 0.35);
  transition: all 0.3s ease;
  animation: restoreGlow 2.5s infinite alternate;
}
@keyframes restoreGlow {
  0% { box-shadow: 0 0 10px rgba(224, 69, 63, 0.2); transform: translateY(0); }
  100% { box-shadow: 0 0 22px rgba(224, 69, 63, 0.55); transform: translateY(-1px); }
}
.restore-dossier-btn:hover {
  background: var(--crimson);
  color: #fff;
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 0 25px rgba(224, 69, 63, 0.7);
}


.recent-targets {
  margin-top: 15px;
  background: rgba(13, 5, 5, 0.6);
  border: 1px dashed var(--hair);
  border-radius: 12px;
  padding: 12px;
}
.recent-title {
  font-size: 11.5px;
  color: var(--muted);
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Rajdhani', sans-serif;
}
[dir="rtl"] .recent-title { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.recent-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.recent-chip {
  background: var(--raised);
  border: 1px solid var(--hair);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  color: var(--text);
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mono);
}
.recent-chip:hover {
  background: rgba(179,39,45,.15);
  border-color: var(--crimson);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(179,39,45,0.3);
}


.legal-modal-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(5px);
  display: flex; align-items: center; justify-content: center; z-index: 9999;
}
.legal-modal-overlay[hidden] {
  display: none !important;
}
.legal-modal-content {
  width: 90%; max-width: 450px;
  animation: popIn 0.3s ease-out;
}
@keyframes popIn {
  0% { transform: scale(0.9); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}


.profile-badge-btn {
  background: rgba(224, 69, 63, 0.12);
  border: 1px solid var(--hair);
  color: var(--text);
  border-radius: 30px;
  padding: 5px 12px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.profile-badge-btn i {
  color: var(--crimson-bright);
  font-size: 14px;
}
.profile-badge-btn:hover {
  background: rgba(179, 39, 45, 0.25);
  border-color: var(--crimson-bright);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 0 14px rgba(224, 69, 63, 0.4);
}

.profile-modal-card {
  max-width: 480px !important;
}
.profile-modal-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.profile-uid-box {
  background: rgba(20, 7, 7, 0.85);
  border: 1px solid rgba(224, 69, 63, 0.4);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: inset 0 0 12px rgba(224, 69, 63, 0.1);
}
.profile-uid-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  letter-spacing: 0.8px;
  margin-bottom: 6px;
  font-family: 'Rajdhani', sans-serif;
}
[dir="rtl"] .profile-uid-label { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.profile-uid-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.profile-uid-value {
  font-family: var(--mono);
  font-size: 17px;
  font-weight: 700;
  color: var(--crimson-bright);
  letter-spacing: 1.5px;
  text-shadow: 0 0 10px rgba(224, 69, 63, 0.4);
}
.copy-uid-btn {
  background: var(--raised);
  border: 1px solid var(--crimson);
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.25s ease;
}
[dir="rtl"] .copy-uid-btn { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.copy-uid-btn:hover {
  background: var(--crimson-bright);
  transform: scale(1.04);
  box-shadow: 0 0 14px rgba(224, 69, 63, 0.6);
}
.copy-uid-btn.copied {
  background: #22c55e !important;
  border-color: #22c55e !important;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.6) !important;
}

.profile-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.profile-stat-box {
  background: rgba(13, 5, 5, 0.7);
  border: 1px solid var(--hair);
  border-radius: 12px;
  padding: 10px 12px;
  text-align: center;
}
.profile-stat-label {
  font-size: 10.5px;
  color: var(--muted);
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  font-family: 'Rajdhani', sans-serif;
}
[dir="rtl"] .profile-stat-label { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.profile-stat-val {
  font-family: 'Rajdhani', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
  letter-spacing: 1px;
}

.profile-recharge-info {
  background: radial-gradient(circle at 50% 0%, rgba(224, 69, 63, 0.15), rgba(13, 5, 5, 0.9) 80%);
  border: 1px dashed rgba(224, 69, 63, 0.45);
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile-info-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--crimson-bright);
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Rajdhani', sans-serif;
}
[dir="rtl"] .profile-info-title { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.profile-info-text {
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--muted);
}
.tg-recharge-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(224, 69, 63, 0.2);
  border: 1px solid var(--crimson);
  color: #fff;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  transition: all 0.3s ease;
  margin-top: 4px;
}
[dir="rtl"] .tg-recharge-link { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.tg-recharge-link:hover {
  background: var(--crimson-bright);
  transform: translateY(-2px);
  box-shadow: 0 0 16px rgba(224, 69, 63, 0.5);
}


.lockout-card {
  background: radial-gradient(circle at 50% 0%, rgba(224, 69, 63, 0.2), rgba(13, 5, 5, 0.95) 75%);
  border: 1px solid var(--crimson-bright);
  border-radius: 18px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  box-shadow: 0 0 25px rgba(224, 69, 63, 0.3), inset 0 0 15px rgba(224, 69, 63, 0.1);
  animation: lockoutGlow 2.5s ease-in-out infinite alternate;
}
.lockout-card[hidden] {
  display: none !important;
}
@keyframes lockoutGlow {
  0% { box-shadow: 0 0 15px rgba(224, 69, 63, 0.2), inset 0 0 10px rgba(224, 69, 63, 0.05); }
  100% { box-shadow: 0 0 35px rgba(224, 69, 63, 0.5), inset 0 0 20px rgba(224, 69, 63, 0.2); }
}
.lockout-icon-pulse {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(224, 69, 63, 0.22);
  border: 1px solid var(--crimson-bright);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--crimson-bright);
  box-shadow: 0 0 18px rgba(224, 69, 63, 0.4);
  animation: lockPulse 2s ease-in-out infinite;
}
@keyframes lockPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); box-shadow: 0 0 25px rgba(224, 69, 63, 0.85); }
}
.lockout-header {
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--crimson-bright);
}
.lockout-sub {
  font-size: 12.5px;
  color: var(--muted);
  max-width: 360px;
  line-height: 1.45;
  margin-top: -4px;
}
.lockout-timer {
  font-family: 'Rajdhani', monospace;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #fff;
  text-shadow: 0 0 12px var(--crimson-bright), 0 0 24px var(--crimson-bright);
  background: rgba(0, 0, 0, 0.6);
  padding: 6px 24px;
  border-radius: 12px;
  border: 1px solid rgba(224, 69, 63, 0.45);
  margin-top: 4px;
}
.lockout-bar-wrapper {
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  margin-top: 4px;
}
.lockout-bar {
  height: 100%;
  width: 100%;
  background: var(--crimson-bright);
  box-shadow: 0 0 8px var(--crimson-bright);
  transition: width 1s linear;
}
#security-msg-container { margin-top: 10px; min-height: 20px; }
.security-alert { color: var(--crimson-bright); font-size: 13px; font-weight: bold; text-align: center; background: rgba(179,39,45,.1); border: 1px solid var(--crimson); padding: 8px; border-radius: 12px; }
.target-dossier { 
  display:flex;
  flex-direction:column;
  overflow:hidden; 
  border-radius:24px; 
}

.dossier-scroll-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  margin: 6px 0;
  padding-inline-end: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--crimson-bright) rgba(20, 7, 7, 0.8);
}
.dossier-scroll-container::-webkit-scrollbar { width: 6px; }
.dossier-scroll-container::-webkit-scrollbar-track { background: rgba(13, 5, 5, 0.7); border-radius: 4px; }
.dossier-scroll-container::-webkit-scrollbar-thumb { 
  background: var(--crimson); 
  border-radius: 4px; 
  border: 1px solid rgba(224, 69, 63, 0.3);
}
.dossier-scroll-container::-webkit-scrollbar-thumb:hover { 
  background: var(--crimson-bright); 
  box-shadow: 0 0 8px var(--crimson-bright);
}

.scroll-down-hint-btn {
  position: absolute;
  bottom: 66px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(179, 39, 45, 0.94);
  border: 1px solid var(--crimson-bright);
  color: #fff;
  border-radius: 25px;
  padding: 6px 16px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 0 20px rgba(224, 69, 63, 0.6);
  cursor: pointer;
  z-index: 35;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(8px);
  animation: hintBounce 2s infinite ease-in-out;
}
[dir="rtl"] .scroll-down-hint-btn { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.scroll-down-hint-btn:hover {
  background: var(--crimson-bright);
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 0 28px rgba(224, 69, 63, 0.9);
}
@keyframes hintBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(4px); box-shadow: 0 0 26px var(--crimson-bright); }
}

.dossier-scroll-nav {
  display: flex;
  gap: 6px;
}
.scroll-nav-btn {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(20, 7, 7, 0.85);
  border: 1px solid var(--hair);
  color: var(--crimson-bright);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 13px;
}
.scroll-nav-btn:hover {
  background: var(--crimson);
  border-color: var(--crimson-bright);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(224, 69, 63, 0.5);
}

.result-card{ border:1px dashed var(--hair); border-radius:16px; min-height:120px; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; transition:all 0.3s ease;}
.result-card.filled{ border-style:solid; align-items:stretch; justify-content:flex-start; flex-direction:column; padding:8px 0; background:rgba(0,0,0,0.25); backdrop-filter:blur(6px); }
.result-empty-state{text-align:center; color:var(--muted); font-size:13px;}
.data-row{ display:flex; justify-content:space-between; align-items:center; padding:12px 20px; border-inline-start:3px solid var(--crimson); transition:background 0.2s;}
.data-row:hover { background: rgba(179,39,45,.08); }
.data-row + .data-row{border-top:1px solid var(--hair);}
.data-label{font-size:12.5px; color:var(--muted);}
.data-value{font-family:var(--mono); font-size:13px; font-weight:600;}
.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--raised);border:1px solid var(--hair);color:var(--text);padding:10px 12px;border-radius:12px;text-align:center;text-decoration:none;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;transition:all 0.3s ease;flex:1;min-width:90px;}
.social-btn:hover{background:rgba(179,39,45,.18);border-color:var(--crimson);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(179,39,45,0.25);}
.profile-action-btn{display:inline-flex;align-items:center;gap:6px;background:var(--raised);border:1px solid var(--crimson);color:var(--crimson-bright);padding:6px 14px;border-radius:20px;text-decoration:none;font-family:'Rajdhani',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:0.5px;transition:all 0.3s ease;word-break:break-all;}
.profile-action-btn:hover{background:var(--crimson-bright);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(224,69,63,0.4);}
.osint-tag{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:8px;background:rgba(179,39,45,.15);border:1px solid var(--hair);color:var(--muted);margin-inline-end:4px;margin-top:4px;}


.scanner-hud {
  margin-top: 14px;
  background: rgba(15, 5, 5, 0.92);
  border: 1px solid rgba(224, 69, 63, 0.45);
  border-radius: 16px;
  padding: 14px 18px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), inset 0 0 15px rgba(224, 69, 63, 0.12);
  animation: hudFadeIn 0.3s ease;
}
@keyframes hudFadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.hud-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.hud-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hud-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--crimson-bright);
  box-shadow: 0 0 8px var(--crimson-bright);
  animation: pulseDot 1s infinite alternate;
}
@keyframes pulseDot {
  from { transform: scale(0.8); opacity: 0.6; }
  to { transform: scale(1.3); opacity: 1; box-shadow: 0 0 14px var(--crimson-bright); }
}
.hud-stage-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: var(--crimson-bright);
}
.hud-percent {
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.hud-progress-wrapper {
  position: relative;
  width: 100%;
  height: 7px;
  background: rgba(30, 10, 10, 0.8);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--hair);
  margin-bottom: 9px;
}
.hud-progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--crimson), var(--crimson-bright));
  border-radius: 10px;
  box-shadow: 0 0 10px var(--crimson-bright);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hud-scan-beam {
  position: absolute;
  top: 0; bottom: 0;
  width: 40px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: beamSweep 1.5s infinite linear;
}
@keyframes beamSweep {
  0% { left: -40px; }
  100% { left: 100%; }
}
.hud-log {
  font-size: 11.5px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Tajawal', sans-serif;
}


.correlation-box {
  margin: 12px 14px 10px;
  padding: 14px 16px;
  background: rgba(18, 6, 6, 0.85);
  border: 1px solid rgba(224, 69, 63, 0.35);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(224, 69, 63, 0.08);
}
.correlation-header {
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(179, 39, 45, 0.2);
  padding-bottom: 6px;
}
.correlation-title {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: 0.8px;
  color: var(--crimson-bright);
  display: flex;
  align-items: center;
  gap: 8px;
}
.correlation-sub {
  font-size: 11px;
  color: var(--muted);
  margin-top: 3px;
}
.corr-group {
  margin-top: 8px;
}
.corr-label {
  display: block;
  font-size: 11.5px;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 5px;
}
.corr-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.alias-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(224, 69, 63, 0.18);
  border: 1px solid var(--crimson-bright);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.4px;
}
.variant-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--raised);
  border: 1px solid var(--hair);
  color: var(--text);
  font-family: var(--mono);
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.variant-chip:hover {
  border-color: var(--crimson-bright);
  background: rgba(179, 39, 45, 0.2);
  color: var(--crimson-bright);
  transform: translateY(-2px);
  box-shadow: 0 3px 10px rgba(224, 69, 63, 0.25);
}
.archive-action-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, rgba(74, 20, 20, 0.6), rgba(20, 7, 7, 0.8));
  border: 1px solid rgba(224, 69, 63, 0.4);
  color: #fff;
  padding: 9px 14px;
  border-radius: 12px;
  text-decoration: none;
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  transition: all 0.3s ease;
}
.archive-action-btn:hover {
  background: var(--crimson);
  border-color: var(--crimson-bright);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(224, 69, 63, 0.4);
}


.dorks-section {
  margin: 12px 14px 6px;
  padding: 14px 16px;
  background: rgba(10, 4, 4, 0.8);
  border: 1px solid rgba(179, 39, 45, 0.35);
  border-radius: 14px;
  box-shadow: inset 0 0 15px rgba(179, 39, 45, 0.05);
}
.dorks-header {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(179, 39, 45, 0.2);
  padding-bottom: 7px;
}
.dorks-title {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: 0.8px;
  color: var(--crimson-bright);
  display: flex;
  align-items: center;
  gap: 7px;
}
.dorks-sub {
  font-size: 11px;
  color: var(--muted);
  margin-top: 3px;
  line-height: 1.35;
}
.dorks-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.dork-card {
  display: block;
  background: var(--raised);
  border: 1px solid var(--hair);
  border-radius: 12px;
  padding: 10px 13px;
  text-decoration: none;
  color: var(--text);
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
.dork-card:hover {
  border-color: var(--crimson-bright);
  background: rgba(179, 39, 45, 0.16);
  transform: translateY(-2px);
  box-shadow: 0 4px 18px rgba(224, 69, 63, 0.25);
}
.dork-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.dork-card-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(179, 39, 45, 0.24);
  border: 1px solid var(--hair);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--crimson-bright);
  font-size: 13px;
  flex-shrink: 0;
}
.dork-card-info {
  flex: 1;
  min-width: 0;
}
.dork-card-title {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dork-card-desc {
  font-size: 10.5px;
  color: var(--muted);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dork-card-action {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  color: var(--crimson-bright);
  font-family: 'Rajdhani', sans-serif;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(179, 39, 45, 0.18);
  border: 1px solid var(--hair);
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.dork-card:hover .dork-card-action {
  background: var(--crimson-bright);
  color: #fff;
  border-color: var(--crimson-bright);
}
.dork-query-box {
  margin-top: 7px;
  padding: 5px 9px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  border: 1px dashed rgba(179, 39, 45, 0.3);
  font-family: var(--mono);
  font-size: 10.5px;
  color: #d1b8b4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.progress-container{ width:100%; height:6px; background:var(--raised); margin-top:10px; border-radius:10px; overflow:hidden; }
.progress-bar{ height:100%; width:0%; background:var(--crimson-bright); transition:width 0.1s; border-radius:10px;}
.bottom-ticker { height:32px; background:linear-gradient(0deg, rgba(179,39,45,.08), transparent); border-top:1px solid var(--hair); display:flex; align-items:center; overflow:hidden; padding:0 20px; z-index:10; }
.ticker-content { font-size:12px; color:var(--crimson-bright); white-space:nowrap; animation:ticker 25s linear infinite; padding-inline-start:100vw; font-family:'Rajdhani', sans-serif; letter-spacing:1px; font-weight:600;}
@keyframes ticker { 0% { transform:translateX(0); } 100% { transform:translateX(-100%); } }
[dir="rtl"] .ticker-content { animation:ticker-rtl 25s linear infinite; font-family:'Tajawal', sans-serif; letter-spacing:0; }
@keyframes ticker-rtl { 0% { transform:translateX(0); } 100% { transform:translateX(100%); } }


@media (min-width: 1150px) {
  
  html[dir="ltr"] .search-module.active-scan {
    left: calc(50% - 310px) !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
  }
  
  
  html[dir="rtl"] .search-module.active-scan {
    right: calc(50% - 310px) !important;
    left: auto !important;
    transform: translate(50%, -50%) !important;
  }

  
  .target-dossier { 
    position: absolute; 
    top: 20px; 
    bottom: 35px;
    width: 94%; 
    max-width: 580px; 
    max-height: calc(100vh - 55px); 
    transition: transform 0.5s cubic-bezier(0.1, 0.8, 0.1, 1),
                left 0.5s cubic-bezier(0.1, 0.8, 0.1, 1),
                right 0.5s cubic-bezier(0.1, 0.8, 0.1, 1),
                opacity 0.4s ease;
    z-index: 20;
  }

  
  html[dir="ltr"] .target-dossier {
    right: -660px;
    left: auto;
    opacity: 0;
    pointer-events: none;
  }
  html[dir="ltr"] .target-dossier.active {
    right: 24px;
    left: auto;
    opacity: 1;
    pointer-events: auto;
  }

  
  html[dir="rtl"] .target-dossier {
    left: -660px;
    right: auto;
    opacity: 0;
    pointer-events: none;
  }
  html[dir="rtl"] .target-dossier.active {
    left: 24px;
    right: auto;
    opacity: 1;
    pointer-events: auto;
  }
}


@media (max-width: 1149px) {
  body { 
    height: auto; 
    min-height: 100vh; 
    overflow-y: auto; 
  }
  .workspace {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 16px 80px;
    gap: 20px;
    overflow-y: visible;
    min-height: 80vh;
  }
  .search-module, 
  .search-module.active-scan,
  html[dir="ltr"] .search-module.active-scan,
  html[dir="rtl"] .search-module.active-scan {
    position: relative !important;
    top: auto !important; 
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
  }
  .target-dossier,
  html[dir="ltr"] .target-dossier,
  html[dir="rtl"] .target-dossier {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 600px !important;
    max-height: none !important;
    display: none !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .target-dossier.active,
  html[dir="ltr"] .target-dossier.active,
  html[dir="rtl"] .target-dossier.active {
    display: flex !important;
    animation: popIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}

@media (max-width: 768px) {
    .topbar {
        flex-direction: column !important;
        padding: 15px;
        gap: 15px;
    }
    .brand, .topbar-center, .topbar-stats, .lang-toggle, .topbar-actions {
        justify-content: center !important;
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }
    .topbar-stats { margin-right: 0 !important; margin-inline-end: 0 !important; gap: 12px !important; }
    .panel { padding: 22px 18px !important; gap: 15px; }
    .workspace { padding: 30px 15px 60px; }
    .brand-name { font-size: 18px; }
    .panel-title { font-size: 17px; }
    .run-btn { padding: 14px; font-size: 14px; }
    input[type=text] { padding: 14px 18px; font-size: 14px; }
}

@media (max-width: 480px) {
    .panel { padding: 18px 14px !important; border-radius: 20px; }
    .scan-type-selector { grid-template-columns: repeat(2, 1fr); }
    .data-row { padding: 10px 15px; flex-direction: column; align-items: flex-start; gap: 5px; }
    .data-value { align-self: flex-end; }
    .topbar-stats { font-size: 1em !important; }
}

.inv-room-top-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(6, 182, 212, 0.15);
  border: 1px solid #06b6d4;
  color: #06b6d4;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Rajdhani', sans-serif;
  letter-spacing: 0.5px;
  transition: all 0.25s ease;
}
[dir="rtl"] .inv-room-top-btn { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.inv-room-top-btn:hover {
  background: #06b6d4;
  color: #030712;
  box-shadow: 0 0 14px rgba(6, 182, 212, 0.5);
  transform: translateY(-1px);
}

.btn-transfer-investigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.25), rgba(6, 182, 212, 0.25));
  border: 1px solid rgba(239, 68, 68, 0.6);
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Tajawal', sans-serif;
  margin: 12px 0 16px 0;
  transition: all 0.25s ease;
  box-shadow: 0 0 16px rgba(239, 68, 68, 0.25);
  animation: btnPulseGlow 3s infinite ease-in-out;
}
@keyframes btnPulseGlow {
  0%, 100% { box-shadow: 0 0 12px rgba(239, 68, 68, 0.2); }
  50% { box-shadow: 0 0 22px rgba(6, 182, 212, 0.5); border-color: #06b6d4; }
}
.btn-transfer-investigation:hover {
  background: linear-gradient(135deg, #ef4444, #06b6d4);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 0 25px rgba(239, 68, 68, 0.6);
}

.messaging-intel-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 12px 0;
}
@media (max-width: 550px) {
  .messaging-intel-grid { grid-template-columns: 1fr; }
}
.messaging-card {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.2s;
}
.messaging-card.telegram {
  border-color: rgba(0, 136, 204, 0.4);
  background: rgba(0, 136, 204, 0.08);
}
.messaging-card.whatsapp {
  border-color: rgba(37, 211, 102, 0.4);
  background: rgba(37, 211, 102, 0.08);
}
.messaging-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.messaging-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid var(--crimson-bright);
}
.messaging-icon-box {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.4);
}
.messaging-info {
  flex: 1;
  min-width: 0;
}
.messaging-title {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messaging-status {
  font-size: 10.5px;
  color: #22c55e;
  font-weight: 600;
}
.messaging-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s;
}
.messaging-action-btn.tg {
  background: rgba(0, 136, 204, 0.25);
  border: 1px solid #0088cc;
  color: #fff;
}
.messaging-action-btn.tg:hover {
  background: #0088cc;
}
.messaging-action-btn.wa {
  background: rgba(37, 211, 102, 0.25);
  border: 1px solid #25D366;
  color: #fff;
}
.messaging-action-btn.wa:hover {
  background: #25D366;
}

.room-top-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(18, 7, 7, 0.85);
  border: 1px solid rgba(224, 69, 63, 0.4);
  color: var(--crimson-bright);
  padding: 6px 14px;
  border-radius: 20px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(224, 69, 63, 0.15);
  transition: all 0.25s ease;
}
[dir="rtl"] .room-top-btn { font-family: 'Tajawal', sans-serif; letter-spacing: 0; }
.room-top-btn:hover {
  background: rgba(224, 69, 63, 0.25);
  border-color: var(--crimson-bright);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 0 16px rgba(224, 69, 63, 0.45);
}
.room-top-btn i {
  font-size: 13px;
  color: var(--crimson-bright);
  transition: all 0.25s ease;
}
.room-top-btn:hover i {
  color: #fff;
}