@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Oxanium:wght@300;400;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080a0b;--bg-deep: #040506;--surface: #0e1214;--surface2: #141a1d;--surface3: #1a2226;--border: #1e2d33;--border2: #2a404a;--border3: #3a5560;--red: #e8354a;--red-bright: #ff3a50;--red-dim: rgba(232,53,74,.12);--red-glow: rgba(232,53,74,.28);--red-deep: #c0192c;--amber: #ff6b35;--amber-dim: rgba(255,107,53,.12);--blue: #4db8e8;--blue-dim: rgba(77,184,232,.1);--green: #00e5a0;--text: #d3dee2;--text-bright: #edf4f6;--muted: #78929b;--muted2: #58707b;--font-mono: "Share Tech Mono", monospace;--font-display:"Oxanium", sans-serif;--font: "Rajdhani", sans-serif;--radius: 4px;--radius-lg: 8px;--input-bg: #060809;--grid-line: rgba(232,53,74,.04);--scanline: rgba(0,0,0,.35);--corner: 10px;--setup-flow-card-bg: linear-gradient(145deg, rgba(18,28,42,.95), rgba(9,16,28,.95));--setup-flow-card-border: rgba(72,146,230,.35);--setup-flow-icon-border: rgba(77,184,232,.5);--setup-flow-icon-bg: rgba(77,184,232,.1);--setup-flow-title: var(--text-bright);--setup-flow-text: var(--text);--setup-step-card-bg: rgba(6,12,18,.8);--setup-step-card-border: var(--border);--setup-code-bg: #10161f;--setup-code-border: #2b3a4f;--setup-code-text: #79d2ff;--setup-safe-bg: rgba(6,12,18,.9);--setup-safe-border: var(--border)}[data-theme=light]{--bg: #f0f2f4;--bg-deep: #e4e7ea;--surface: #ffffff;--surface2: #f6f7f9;--surface3: #eceef1;--border: #d0d6db;--border2: #b8c0c6;--border3: #9aaab3;--red: #bf1130;--red-bright: #d91535;--red-dim: rgba(191,17,48,.09);--red-glow: rgba(191,17,48,.18);--red-deep: #8c0d23;--amber: #c4500a;--amber-dim: rgba(196,80,10,.1);--blue: #0069a0;--blue-dim: rgba(0,105,160,.1);--green: #007a52;--text: #16262d;--text-bright: #071115;--muted: #49616e;--muted2: #6f8792;--input-bg: #ffffff;--grid-line: rgba(191,17,48,.04);--scanline: transparent;--setup-flow-card-bg: linear-gradient(145deg, #f4f8fc, #eef4fa);--setup-flow-card-border: #d1e0ee;--setup-flow-icon-border: #b8d2ea;--setup-flow-icon-bg: rgba(77,184,232,.18);--setup-flow-title: #12212b;--setup-flow-text: #2c4656;--setup-step-card-bg: #f5f8fb;--setup-step-card-border: #d4dce4;--setup-code-bg: #eaf1f8;--setup-code-border: #c6d4e3;--setup-code-text: #0c4f7a;--setup-safe-bg: #f5f8fb;--setup-safe-border: #d4dce4}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;transition:background .25s,color .25s}body{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--scanline) 2px,var(--scanline) 3px),repeating-linear-gradient(0deg,transparent,transparent 39px,var(--grid-line) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--grid-line) 40px);background-attachment:fixed}[data-theme=light] body{background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--grid-line) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--grid-line) 40px)}a{color:var(--red);text-decoration:none}a:hover{color:var(--red-bright);text-decoration:underline}h1,h2,h3{font-family:var(--font-display);color:var(--text-bright);letter-spacing:.05em}button{cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius);transition:all .15s ease;border:1px solid transparent;position:relative;overflow:hidden}button:active{transform:scale(.97)}.btn-primary{background:var(--red-dim);border-color:var(--red);color:var(--red-bright);padding:10px 20px;box-shadow:0 0 0 0 var(--red-glow)}.btn-primary:hover{background:#bf113026;box-shadow:0 0 16px var(--red-glow),0 0 4px var(--red-glow);border-color:var(--red-bright);color:var(--red-deep)}[data-theme=light] .btn-primary{background:var(--red-dim);border-color:var(--red);color:var(--red)}[data-theme=light] .btn-primary:hover{background:var(--red);color:#fff;box-shadow:0 2px 12px var(--red-glow)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transition:left .4s ease}.btn-primary:hover:before{left:140%}@keyframes redPulse{0%{box-shadow:0 0 0 0 var(--red-glow)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.btn-primary:focus{animation:redPulse 1.2s ease}.btn-danger{background:var(--red-dim);border-color:var(--red);color:var(--red);padding:6px 12px}.btn-danger:hover{background:var(--red);color:#fff;box-shadow:0 0 10px var(--red-glow)}.btn-ghost{background:transparent;border-color:var(--border2);color:var(--muted);padding:6px 12px}.btn-ghost:hover{border-color:var(--red);color:var(--red)}input,textarea{background:var(--input-bg);border:1px solid var(--border2);border-radius:var(--radius);padding:10px 14px;font-family:var(--font-mono);font-size:14px;color:var(--text);outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red-dim),0 0 8px var(--red-glow)}input::placeholder{color:var(--muted)}[data-theme=light] input,[data-theme=light] textarea{border-color:var(--border2);background:#fff;color:var(--text-bright);box-shadow:0 1px 3px #0000000f}[data-theme=light] input:focus,[data-theme=light] textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;position:relative;transition:border-color .2s,box-shadow .2s}[data-theme=light] .card{box-shadow:0 1px 4px #00000012,0 4px 12px #0000000a;border-color:var(--border)}[data-theme=light] .card:hover{box-shadow:0 2px 8px #0000001a,0 0 0 1px var(--red-dim);border-color:var(--border2)}.card:before,.card:after{content:"";position:absolute;width:var(--corner);height:var(--corner);border-color:var(--red);border-style:solid;opacity:.5;transition:opacity .2s,width .2s,height .2s}.card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.card:hover:before,.card:hover:after{opacity:1;width:18px;height:18px}.card:hover{border-color:var(--border3)}.card-title{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}.card-title:before{content:"";width:3px;height:12px;background:var(--red);border-radius:1px;box-shadow:0 0 6px var(--red-glow);flex-shrink:0}.card-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border2),transparent)}.badge{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;padding:3px 8px;border-radius:2px;text-transform:uppercase;white-space:nowrap}.badge-safe{background:#0069a01a;color:var(--blue);border:1px solid rgba(0,105,160,.3)}.badge-danger{background:var(--red-dim);color:var(--red-bright);border:1px solid rgba(191,17,48,.35);animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{box-shadow:none}50%{box-shadow:0 0 6px var(--red-glow)}}.badge-warning{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(196,80,10,.3)}.badge-info{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(0,105,160,.3)}[data-theme=light] .badge-danger{background:#bf11301f;color:var(--red-deep)}[data-theme=light] .badge-warning{background:#c4500a1f;color:var(--amber)}[data-theme=light] .badge-safe{background:#0069a01f;color:var(--blue)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-blue{color:var(--blue)}.text-bright{color:var(--text-bright)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes hudBootUp{0%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(2px)}60%{opacity:1;filter:blur(0)}80%{transform:translateY(-2px) scale(1.002)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:hudBootUp .4s cubic-bezier(.22,1,.36,1) forwards}.animate-in>*:nth-child(1){animation:hudBootUp .35s .05s both cubic-bezier(.22,1,.36,1)}.animate-in>*:nth-child(2){animation:hudBootUp .35s .1s both cubic-bezier(.22,1,.36,1)}.animate-in>*:nth-child(3){animation:hudBootUp .35s .15s both cubic-bezier(.22,1,.36,1)}.animate-in>*:nth-child(4){animation:hudBootUp .35s .2s both cubic-bezier(.22,1,.36,1)}.animate-in>*:nth-child(5){animation:hudBootUp .35s .25s both cubic-bezier(.22,1,.36,1)}@keyframes glitchShift{0%,90%,to{clip-path:none;transform:none}91%{clip-path:inset(20% 0 50% 0);transform:translate(-3px)}93%{clip-path:inset(60% 0 10% 0);transform:translate(3px);color:var(--red-bright)}95%{clip-path:inset(40% 0 30% 0);transform:translate(-2px)}97%{clip-path:none;transform:none}}.glitch-hover:hover{animation:glitchShift .4s steps(1) forwards}@keyframes scanLine{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.scan-bar{height:2px;background:linear-gradient(90deg,transparent,var(--red),var(--red-bright),transparent);border-radius:2px;animation:scanLine 1.8s ease-in-out infinite;box-shadow:0 0 8px var(--red-glow)}.spinner{width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;box-shadow:0 0 6px var(--red-glow)}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{background:var(--surface)!important;border-right:1px solid var(--border)!important;position:relative}[data-theme=light] .sidebar{background:#fff!important;border-right:1px solid var(--border)!important;box-shadow:2px 0 12px #0000000f}.sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--red) 30%,var(--red) 70%,transparent 100%);opacity:.3}nav a{position:relative;overflow:hidden}nav a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:var(--red);box-shadow:0 0 8px var(--red-glow);transition:height .2s ease;border-radius:1px}nav a:hover:before,nav a.active:before{height:60%}.theme-toggle{background:transparent;border:1px solid var(--border2);color:var(--muted);padding:6px 10px;border-radius:var(--radius);cursor:pointer;font-size:13px;letter-spacing:0;text-transform:none;transition:all .15s;display:flex;align-items:center;gap:6px}.theme-toggle:hover{color:var(--red);border-color:var(--red);box-shadow:0 0 8px var(--red-glow)}.terminal-block{background:var(--bg-deep);border:1px solid var(--border2);border-left:3px solid var(--red);border-radius:var(--radius);padding:12px 16px;font-family:var(--font-mono);font-size:12px;color:var(--text);box-shadow:inset 0 0 20px #0000004d}[data-theme=light] .terminal-block{background:var(--surface2);box-shadow:inset 0 0 8px #0000000a;color:var(--text)}[data-theme=light] [style*=bg-deep]{background:var(--surface2)!important}.threat-row{transition:background .15s;border-left:2px solid transparent}.threat-row:hover{background:var(--red-dim);border-left-color:var(--red)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.status-dot.critical{background:var(--red);box-shadow:0 0 6px var(--red-glow);animation:pulse 1.5s ease infinite}.status-dot.warning{background:var(--amber)}.status-dot.safe{background:var(--blue)}.logo-hex{transition:box-shadow .3s,border-color .3s}.logo-hex:hover,.logo-hex.active{box-shadow:0 0 18px var(--red-glow),inset 0 0 10px #e8354a14;border-color:var(--red-bright)!important}code{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:12px;color:var(--red)}[data-theme=light] code{background:var(--surface3);border-color:var(--border2);color:var(--red-deep)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--red-deep)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--surface3)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border2)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--red)}::selection{background:var(--red-dim);color:var(--text-bright)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:99}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.device-card-mobile{display:none}@media(max-width:768px){.mobile-overlay.open{display:block}.sidebar{position:fixed!important;left:-100%!important;top:0;bottom:0;z-index:100;width:240px!important;transition:left .25s ease}.sidebar.open{left:0!important}.hamburger{display:flex!important}.main-content{padding:18px!important}.mobile-topbar{display:flex!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.two-col-grid{grid-template-columns:1fr!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.devices-table{display:none!important}.device-card-mobile{display:block!important}.no-scan-banner{flex-direction:column!important;gap:10px!important;align-items:flex-start!important}h1{font-size:22px!important}.card{padding:16px!important}.card-title{font-size:11px!important;letter-spacing:1.5px!important}.risk-inner{flex-direction:column!important;align-items:center!important;gap:16px!important}}@media(min-width:769px)and (max-width:1024px){.stat-grid{grid-template-columns:repeat(2,1fr)!important}.sidebar{width:180px!important}}.card-hud{position:relative}.card-hud:before,.card-hud:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--red);border-style:solid;opacity:.5}.card-hud:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.card-hud:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}