@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f8fafc;--surface-alt:#f0f4f8;--surface-raised:#fff;--border:#d8e2ec;--border-subtle:#e8eff6;--text:#0a1628;--text-secondary:#2d3f54;--muted:#4a5e78;--accent:#0052cc;--accent-hover:#003d99;--accent-light:rgba(0,71,171,.07);--accent-glow:rgba(0,71,171,.2);--gradient-start:#39ff14;--gradient-end:#0047ab;--gradient-hero:linear-gradient(135deg,#39ff14,#00c853 30%,#0070e0 65%,#0047ab);--gradient-subtle:linear-gradient(135deg,#f8fafc,#eef6ff 50%,#f0fff0);--gradient-card:linear-gradient(135deg,#fff,#f0f7ff);--danger:#dc2626;--danger-bg:rgba(220,38,38,.08);--success:#00c853;--success-bg:rgba(0,200,83,.08);--warn:#d97706;--warn-bg:rgba(217,119,6,.08);--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 32px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05);--shadow-glow:0 0 40px rgba(0,71,171,.15);--nav-bg:hsla(0,0%,100%,.92)}[data-theme=dark]{--bg:#050508;--surface:#0a0a10;--surface-alt:#0e0e18;--surface-raised:#121220;--border:hsla(0,0%,100%,.06);--border-subtle:hsla(0,0%,100%,.03);--border-glow:rgba(0,255,136,.15);--text:#e8e8ef;--text-secondary:#9999ad;--muted:#8888a0;--accent:#0f8;--accent-hover:#3fa;--accent-light:rgba(0,255,136,.08);--accent-glow:rgba(0,255,136,.15);--gradient-start:#0f8;--gradient-end:#0047ab;--gradient-hero:linear-gradient(135deg,#0f8,#00c853 30%,#0080e0 65%,#0047ab);--gradient-subtle:linear-gradient(135deg,#050508,#0a0a14 50%,#080a10);--gradient-card:linear-gradient(135deg,#0a0a10,#0e0e1a);--danger:#f36;--danger-bg:rgba(255,51,102,.08);--success:#0f8;--success-bg:rgba(0,255,136,.08);--warn:#fa0;--warn-bg:rgba(255,170,0,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 10px 25px rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.2);--shadow-glow:0 0 40px rgba(0,255,136,.06);--nav-bg:rgba(5,5,8,.8);--font-mono:"JetBrains Mono",monospace;--font-body:"Space Grotesk",sans-serif}body{font-family:Space Grotesk,Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease;overflow-x:hidden}body:before{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");z-index:9999}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 4px);z-index:9998}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s ease-out both}.animate-slide-up{animation:slideUp .6s ease-out both}.animate-slide-down{animation:slideDown .4s ease-out both}.animate-scale{animation:scaleIn .5s ease-out both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-3d{text-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 12px rgba(79,70,229,.06)}[data-theme=dark] .text-3d{text-shadow:1px 1px 0 rgba(0,0,0,.5),2px 2px 0 rgba(0,0,0,.4),3px 3px 0 rgba(0,0,0,.3),4px 4px 0 rgba(0,0,0,.2),5px 5px 0 rgba(0,0,0,.1),0 0 40px rgba(57,255,20,.08)}.gradient-text-3d{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 3px 12px rgba(79,70,229,.2))}[data-theme=dark] .gradient-text-3d{filter:drop-shadow(0 3px 20px rgba(57,255,20,.35)) drop-shadow(0 6px 40px rgba(57,255,20,.15))}.text-emboss{text-shadow:0 1px 1px rgba(0,0,0,.08)}[data-theme=dark] .text-emboss{text-shadow:0 1px 3px rgba(0,0,0,.4)}.text-pop{text-shadow:0 1px 4px rgba(0,0,0,.04)}[data-theme=dark] .text-pop{text-shadow:0 1px 8px rgba(0,0,0,.3)}.depth-card{box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.03),0 12px 24px rgba(0,0,0,.04);border:1px solid var(--border)}[data-theme=dark] .depth-card{box-shadow:0 1px 2px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.15),0 12px 24px rgba(0,0,0,.25)}.raised{box-shadow:0 -4px 12px rgba(0,0,0,.02),0 8px 30px rgba(0,0,0,.04)}[data-theme=dark] .raised{box-shadow:0 -4px 12px rgba(0,0,0,.15),0 8px 30px rgba(0,0,0,.3)}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hero-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.35}[data-theme=dark] .hero-grid{opacity:.25}[data-theme=light] .glass{background:hsla(0,0%,100%,.85)}[data-theme=light] .depth-card{box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04),0 12px 28px rgba(0,0,0,.05)}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.stack-mobile{flex-direction:column!important}}@media (min-width:769px){.show-mobile{display:none!important}}.tab-strip{display:flex;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0}.tab-strip::-webkit-scrollbar{display:none}@media (max-width:768px){.tab-strip{gap:0;margin:0 -16px;padding:0 16px;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent)}}.mobile-card-list{display:none}@media (max-width:768px){.desktop-table{display:none!important}.mobile-card-list{display:flex!important;flex-direction:column;gap:10px}}@media (min-width:769px){.mobile-card-list{display:none!important}}.msg-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;transition:box-shadow .2s}.msg-card:active{box-shadow:var(--shadow-md)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}@media (max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dash-nav{padding:10px 16px!important}.dash-main{padding:16px 16px 40px!important}.account-bar{padding:12px 14px!important;gap:8px!important}.account-bar .connect-buttons{width:100%}.account-bar .connect-buttons a{flex:1 1;justify-content:center;font-size:12px!important;padding:8px 6px!important}.stat-card-value{font-size:22px!important}.tab-btn{border-radius:20px!important;border-bottom:none!important;font-size:12px!important;padding:7px 14px!important;white-space:nowrap}.tab-btn[data-active=true]{background:var(--accent-light)!important;color:var(--accent)!important}a[role=button],button{min-height:40px}}.bar-chart-row{display:flex;flex-direction:column}.bar-fill{transition:width .8s cubic-bezier(.4,0,.2,1)}.trend-bar{transition:all .3s ease;cursor:default}.trend-bar:hover{opacity:1!important;filter:brightness(1.15)}.severity-badge{display:inline-block;line-height:1;white-space:nowrap}.scan-progress{animation:scan-pulse 1.8s ease-in-out infinite}@keyframes scan-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.scan-bar{animation:scan-slide 2s ease-in-out infinite}@keyframes scan-slide{0%{width:0}50%{width:70%}to{width:100%}}.threat-card{transition:transform .2s ease,box-shadow .2s ease}.threat-card:hover{transform:translateX(2px);box-shadow:var(--shadow-md)}@media (max-width:768px){.threat-card{flex-direction:column!important;gap:10px!important}}.glow-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow,rgba(0,255,136,.15)),transparent)}@keyframes scanIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes ringFill{0%{stroke-dashoffset:440}to{stroke-dashoffset:44}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.font-display{font-family:Bricolage Grotesque,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.font-body{font-family:Space Grotesk,sans-serif}