@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-app:#f8fafc;--bg-surface:#ffffff;--bg-subtle:#f1f5f9;--bg-muted:#e2e8f0;--bg-hover:rgba(241,245,249,0.7);--bg-elevated:#ffffff;--royal:#0D1995;--royal-soft:rgba(13,25,149,0.08);--royal-border:rgba(13,25,149,0.25);--royal-glow:rgba(13,25,149,0.12);--canary:#FFEF00;--canary-soft:rgba(255,239,0,0.10);--canary-border:rgba(255,239,0,0.35);--canary-glow:rgba(255,239,0,0.15);--highlight-canary-text:#7D7500;--electric:#4369F0;--electric-soft:rgba(67,105,240,0.08);--electric-border:rgba(67,105,240,0.25);--electric-glow:rgba(67,105,240,0.12);--teal:#4DE8D5;--teal-soft:rgba(77,232,213,0.08);--teal-border:rgba(77,232,213,0.25);--accent-blue:#4369F0;--accent-blue-soft:rgba(67,105,240,0.08);--accent-blue-border:rgba(67,105,240,0.25);--accent-blue-glow:rgba(67,105,240,0.12);--accent-indigo:#0D1995;--accent-indigo-soft:rgba(13,25,149,0.08);--accent-emerald:#059669;--accent-emerald-soft:rgba(5,150,105,0.08);--accent-amber:#d97706;--accent-amber-soft:rgba(217,119,6,0.08);--accent-red:#dc2626;--accent-red-soft:rgba(220,38,38,0.06);--accent-pink:#db2777;--accent-slate:#64748b;--glass-bg:rgba(255,255,255,0.85);--glass-border:rgba(0,0,0,0.06);--glass-shadow:0 4px 24px 0 rgba(0,0,0,0.06);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#4369F0;--sidebar-bg:#0D1995;--sidebar-hover:rgba(255,255,255,0.08);--sidebar-active:rgba(255,239,0,0.12);--sidebar-text:rgba(255,255,255,0.65);--sidebar-active-text:#FFEF00;--sidebar-border:rgba(255,255,255,0.1);--shadow-xs:0 1px 2px rgba(13,25,149,0.04);--shadow-sm:0 1px 3px rgba(13,25,149,0.06),0 1px 2px rgba(13,25,149,0.04);--shadow-md:0 4px 6px -1px rgba(13,25,149,0.07),0 2px 4px -2px rgba(13,25,149,0.05);--shadow-lg:0 10px 15px -3px rgba(13,25,149,0.08),0 4px 6px -4px rgba(13,25,149,0.05);--shadow-xl:0 20px 25px -5px rgba(13,25,149,0.08),0 8px 10px -6px rgba(13,25,149,0.04);--shadow-lifted:0 8px 30px rgba(13,25,149,0.08);--cat-infra:#7c3aed;--cat-infra-soft:rgba(124,58,237,0.06);--cat-infra-border:rgba(124,58,237,0.2);--cat-email:#0891b2;--cat-email-soft:rgba(8,145,178,0.06);--cat-email-border:rgba(8,145,178,0.2);--cat-tech:#0284c7;--cat-tech-soft:rgba(2,132,199,0.06);--cat-tech-border:rgba(2,132,199,0.2);--cat-cert:#d97706;--cat-cert-soft:rgba(217,119,6,0.06);--cat-cert-border:rgba(217,119,6,0.2);--cat-compliance:#059669;--cat-compliance-soft:rgba(5,150,105,0.06);--cat-compliance-border:rgba(5,150,105,0.2);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=dark]{--bg-app:#080c24;--bg-surface:#0e1333;--bg-subtle:#131842;--bg-muted:#1a2050;--bg-hover:rgba(19,24,66,0.7);--bg-elevated:#131842;--glass-bg:rgba(14,19,51,0.85);--glass-border:rgba(255,255,255,0.06);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.15);--border-focus:#4369F0;--sidebar-bg:#060a1e;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active:rgba(255,239,0,0.10);--sidebar-text:rgba(255,255,255,0.55);--sidebar-active-text:#FFEF00;--sidebar-border:rgba(255,255,255,0.06);--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.35),0 2px 4px -2px rgba(0,0,0,0.25);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.3);--shadow-lifted:0 8px 30px rgba(0,0,0,0.35)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}body{background:var(--bg-app);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}[data-tip]{position:relative;cursor:help}[data-tip]:before{content:"";bottom:calc(100% + 5px);transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--text-primary);z-index:10001}[data-tip]:after,[data-tip]:before{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}[data-tip]:after{content:attr(data-tip);bottom:calc(100% + 14px);transform:translateX(-50%) translateY(6px);padding:8px 14px;background:var(--text-primary);color:#f8fafc;font-size:12px;font-weight:500;border-radius:10px;z-index:10000;box-shadow:var(--shadow-xl);max-width:280px;white-space:normal;text-align:center;line-height:1.45;letter-spacing:-.01em}[data-tip]:hover:after,[data-tip]:hover:before{opacity:1}[data-tip]:hover:after{transform:translateX(-50%) translateY(0)}[data-tip-pos=right]:before{bottom:auto;left:auto;top:50%;right:auto;left:calc(100% + 5px);transform:translateY(-50%) rotate(90deg)}[data-tip-pos=right]:after{bottom:auto;top:50%;left:calc(100% + 14px);transform:translateY(-50%) translateX(6px)}[data-tip-pos=right]:hover:after{transform:translateY(-50%) translateX(0)}[data-tip-pos=bottom]:before{bottom:auto;top:calc(100% + 5px);transform:translateX(-50%) rotate(180deg)}[data-tip-pos=bottom]:after{bottom:auto;top:calc(100% + 14px);transform:translateX(-50%) translateY(-6px)}[data-tip-pos=bottom]:hover:after{transform:translateX(-50%) translateY(0)}.card,.card-hover{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.card-hover{transition:all .25s var(--ease-out-expo)}.card-hover:hover{box-shadow:var(--shadow-lifted);border-color:var(--border-strong);transform:translateY(-2px)}.card-accent{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--electric),var(--royal))}.card-interactive{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);transition:all .25s var(--ease-out-expo)}.card-interactive:hover{box-shadow:0 0 0 2px var(--canary),var(--shadow-lifted);border-color:var(--canary-border);transform:translateY(-2px)}.glass-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);transition:all .25s var(--ease-out-expo)}.glass-card:hover{box-shadow:var(--shadow-lifted);border-color:var(--border-strong);transform:translateY(-2px)}.glass-card-static{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.section-intro{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.section-intro-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-intro-text h3{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:3px}.section-intro-text p{font-size:13px;max-width:600px}.annotation,.section-intro-text p{color:var(--text-muted);line-height:1.5}.annotation{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--bg-subtle);border-radius:10px;border:1px solid var(--border);font-size:12px}.annotation-blue{background:var(--accent-blue-soft);border-color:var(--accent-blue-border);color:var(--accent-blue)}.annotation-amber{background:var(--accent-amber-soft);border-color:rgba(217,119,6,.25);color:var(--accent-amber)}.btn-primary{background:linear-gradient(135deg,var(--electric),var(--royal));color:#fff;font-weight:600;padding:9px 18px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-family:inherit;transition:all .2s var(--ease-out-expo);display:inline-flex;align-items:center;gap:7px;letter-spacing:-.01em;box-shadow:0 1px 3px rgba(13,25,149,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--royal),#0a1275);box-shadow:0 4px 12px rgba(13,25,149,.35);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(13,25,149,.3)}.btn-primary:disabled{background:var(--bg-muted);color:var(--text-faint);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);font-weight:500;padding:9px 18px;border-radius:10px;border:1px solid var(--border-strong);cursor:pointer;font-size:13px;font-family:inherit;transition:all .2s var(--ease-out-expo);display:inline-flex;align-items:center;gap:7px}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-focus);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-muted);font-weight:500;padding:7px 12px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-family:inherit;transition:all .2s var(--ease-out-expo);display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-subtle)}.btn-danger{background:var(--accent-red-soft);color:var(--accent-red);font-weight:500;padding:7px 14px;border-radius:8px;border:1px solid #fecaca;cursor:pointer;font-size:13px;font-family:inherit;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.input-field{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-field::placeholder{color:var(--text-faint)}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-blue-glow)}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.01em}.risk-badge-low{background:var(--accent-emerald-soft);color:var(--accent-emerald);border:1px solid #6ee7b7}.risk-badge-medium{background:var(--accent-amber-soft);color:var(--accent-amber);border:1px solid #fcd34d}.risk-badge-high{background:#fff1f2;color:#e11d48;border:1px solid #fda4af}.risk-badge-critical{background:var(--accent-red-soft);color:var(--accent-red);border:1px solid #fca5a5}.risk-low{color:var(--accent-emerald)}.risk-medium{color:var(--accent-amber)}.risk-high{color:#e11d48}.risk-critical{color:var(--accent-red)}.cat-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap;cursor:pointer;transition:all .2s var(--ease-out-expo)}.cat-chip:hover{opacity:.85;transform:scale(1.03)}.cat-chip.infra{background:var(--cat-infra-soft);color:var(--cat-infra);border-color:var(--cat-infra-border)}.cat-chip.email{background:var(--cat-email-soft);color:var(--cat-email);border-color:var(--cat-email-border)}.cat-chip.tech{background:var(--cat-tech-soft);color:var(--cat-tech);border-color:var(--cat-tech-border)}.cat-chip.cert{background:var(--cat-cert-soft);color:var(--cat-cert);border-color:var(--cat-cert-border)}.cat-chip.compliance{background:var(--cat-compliance-soft);color:var(--cat-compliance);border-color:var(--cat-compliance-border)}.cat-chip.active{opacity:1;box-shadow:0 0 0 2px currentColor}.mono{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:12px}.data-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--bg-subtle);border-bottom:1px solid var(--border)}.data-table th:first-child{border-radius:10px 0 0 0}.data-table th:last-child{border-radius:0 10px 0 0}.data-table td{padding:11px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border);transition:background .15s ease}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.tab-bar{display:flex;gap:2px;background:var(--bg-subtle);border-radius:11px;padding:3px;border:1px solid var(--border)}.tab-item{padding:7px 15px;border-radius:9px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;border:none;background:transparent;transition:all .2s var(--ease-out-expo);font-family:inherit}.tab-item:hover{color:var(--text-secondary);background:rgba(0,0,0,.02)}.tab-item.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--canary),var(--shadow-sm);font-weight:600}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--sidebar-text);cursor:pointer;transition:all .2s var(--ease-out-expo);border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.sidebar-nav-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-pending{background:var(--text-faint)}.status-dot-scanning{background:var(--accent-blue);animation:pulse-dot 1.4s infinite}.status-dot-scanned{background:var(--accent-emerald)}.status-dot-error{background:var(--accent-red)}.risk-gauge-bg{stroke:var(--border)}.risk-gauge-fill{transition:stroke-dashoffset 1s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{box-shadow:0 0 0 0 rgba(67,105,240,.15)}50%{box-shadow:0 0 0 8px rgba(67,105,240,0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-canary{0%,to{box-shadow:0 0 0 0 rgba(255,239,0,.2)}50%{box-shadow:0 0 12px 4px rgba(255,239,0,0)}}@keyframes shimmer-canary{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .35s var(--ease-out-expo)}.animate-scale-in{animation:fadeInScale .3s var(--ease-out-expo)}.animate-slide-in{animation:slideInRight .3s var(--ease-out-expo)}.spinner{width:20px;height:20px}.spinner,.spinner-sm{border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:14px;height:14px}.stagger-children>*{animation:fadeIn .35s var(--ease-out-expo) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.cluster-graph-container{background:var(--bg-subtle);border-radius:14px;border:1px solid var(--border);overflow:hidden}.node-label{font-family:Inter,sans-serif;font-size:11px;fill:var(--text-muted);pointer-events:none}.edge-line{stroke:var(--border-strong);stroke-width:1.5}.edge-line-strong{stroke:var(--accent-blue);stroke-width:2;opacity:.4}.scanning-indicator{position:relative;overflow:hidden}.scanning-indicator:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:scan-sweep 1.8s ease-in-out infinite}@keyframes scan-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-bar{height:4px;border-radius:99px;background:var(--bg-muted);overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--electric),var(--teal));transition:width .5s var(--ease-out-expo)}.divider{height:1px;background:var(--border);margin:0}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:24px;position:relative;overflow:hidden;transition:all .25s var(--ease-out-expo)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-accent,var(--canary));opacity:0;transition:opacity .25s ease}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.stat-card:hover:before{opacity:1}.interactive-row{transition:all .2s ease;cursor:pointer}.interactive-row:hover{background:var(--bg-subtle)}.interactive-row:active{background:var(--bg-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-subtle) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.highlight-underline{border-bottom:3px solid var(--canary);padding-bottom:2px}.highlight-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--canary);display:inline-block;margin-right:8px;flex-shrink:0}.highlight-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;background:var(--canary);color:var(--royal);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.highlight-border-left{border-left:3px solid var(--canary)}.highlight-bar-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--canary)}@media (max-width:768px){.sidebar-desktop{display:none}}