@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-primary: #020408;--bg-secondary: #050c12;--bg-card: rgba(0, 255, 180, .03);--bg-glass: rgba(0, 20, 15, .6);--text-primary: #e0ffe8;--text-secondary: #7ab89a;--text-dim: #3a6b4f;--cyan: #00ffe1;--cyan-dim: rgba(0, 255, 225, .08);--cyan-glow: rgba(0, 255, 225, .35);--green: #00ff9d;--green-dim: rgba(0, 255, 157, .08);--red: #ff003c;--red-dim: rgba(255, 0, 60, .15);--amber: #ffb700;--purple: #9000ff;--blue: #0066ff;--border-color: rgba(0, 255, 180, .12);--border-glow: rgba(0, 255, 180, .4);--font-display: "Orbitron", monospace;--font-mono: "Share Tech Mono", monospace;--font-sans: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,180,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,180,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:0;animation:scanline 8s linear infinite}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100px}}#root:before{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:80vw;height:60vh;background:radial-gradient(ellipse at center,rgba(0,255,180,.04) 0%,rgba(0,100,255,.02) 40%,transparent 70%);pointer-events:none;z-index:0;animation:ambient-pulse 6s ease-in-out infinite}@keyframes ambient-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%}.text-gradient{background:linear-gradient(90deg,var(--cyan),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-red-gradient{background:linear-gradient(90deg,var(--red),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes glow-pulse{0%,to{text-shadow:0 0 8px var(--cyan-glow),0 0 20px var(--cyan-glow)}50%{text-shadow:0 0 16px var(--cyan-glow),0 0 40px var(--cyan-glow),0 0 80px rgba(0,255,225,.1)}}.glow-text{animation:glow-pulse 3s ease-in-out infinite}@keyframes cyber-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes data-stream{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(150%);opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glitch{0%,to{clip-path:none;transform:none}20%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,1px)}40%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}60%{clip-path:inset(40% 0 40% 0);transform:translate(-1px,2px)}80%{clip-path:none;transform:translate(1px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progress-glow{0%,to{box-shadow:0 0 6px var(--cyan),0 0 12px var(--cyan-glow)}50%{box-shadow:0 0 12px var(--cyan),0 0 24px var(--cyan-glow),0 0 40px #00ffe11a}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fade-in-up .5s ease forwards}.logo-glitch:hover{animation:glitch .4s steps(1) forwards}.shimmer{background:linear-gradient(90deg,#00ffb408 25%,#00ffb414,#00ffb408 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;font-family:var(--font-mono);font-weight:600;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;cursor:pointer;border:none;transition:all .2s ease;line-height:1.5;text-decoration:none;gap:.5rem;position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);transform:translate(-100%);transition:transform .4s ease}.btn:hover:before{transform:translate(100%)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:transparent;color:var(--cyan);border:1px solid var(--cyan);box-shadow:0 0 12px var(--cyan-glow),inset 0 0 12px var(--cyan-dim)}.btn-primary:hover{box-shadow:0 0 20px var(--cyan-glow),0 0 40px var(--cyan-glow),inset 0 0 20px var(--cyan-dim);background:var(--cyan-dim)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red);box-shadow:0 0 10px #ff003c4d,inset 0 0 10px var(--red-dim)}.btn-danger:hover{box-shadow:0 0 20px #ff003c80,0 0 40px #ff003c33;background:var(--red-dim)}.btn-emerald{background:transparent;color:var(--green);border:1px solid var(--green);box-shadow:0 0 10px #00ff9d4d,inset 0 0 10px var(--green-dim)}.btn-emerald:hover{box-shadow:0 0 20px #00ff9d80,0 0 40px #00ff9d33;background:var(--green-dim)}.btn-indigo{background:transparent;color:#a78bfa;border:1px solid #7c3aed;box-shadow:0 0 10px #7c3aed4d,inset 0 0 10px #7c3aed0d}.btn-indigo:hover{box-shadow:0 0 20px #7c3aed80,0 0 40px #7c3aed33;background:#7c3aed14}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;transition:border-color .3s,box-shadow .3s,transform .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-glow),transparent);opacity:0;transition:opacity .3s}.card:hover{border-color:var(--border-glow);box-shadow:0 0 24px var(--cyan-dim),0 8px 32px #0009;transform:translateY(-2px)}.card:hover:before{opacity:1}.card-stagger{animation:card-appear .5s ease both}.card-stagger:nth-child(1){animation-delay:.05s}.card-stagger:nth-child(2){animation-delay:.1s}.card-stagger:nth-child(3){animation-delay:.15s}.card-stagger:nth-child(4){animation-delay:.2s}.card-stagger:nth-child(5){animation-delay:.25s}.card-stagger:nth-child(6){animation-delay:.3s}.card-stagger:nth-child(7){animation-delay:.35s}.card-stagger:nth-child(8){animation-delay:.4s}.card-stagger:nth-child(9){animation-delay:.45s}.card-stagger:nth-child(10){animation-delay:.5s}.card-stagger:nth-child(11){animation-delay:.55s}.card-stagger:nth-child(12){animation-delay:.6s}.card-stagger:nth-child(13){animation-delay:.65s}.card-stagger:nth-child(14){animation-delay:.7s}.grid{display:grid;gap:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--cyan-glow)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green),0 0 12px var(--green);animation:blink 2s ease-in-out infinite}.corner-decoration{position:absolute;width:16px;height:16px;border-color:var(--cyan);border-style:solid;opacity:.5;transition:opacity .3s,width .3s,height .3s}.card:hover .corner-decoration{opacity:.9;width:20px;height:20px}.corner-tl{top:0;left:0;border-width:2px 0 0 2px}.corner-tr{top:0;right:0;border-width:2px 2px 0 0}.corner-bl{bottom:0;left:0;border-width:0 0 2px 2px}.corner-br{bottom:0;right:0;border-width:0 2px 2px 0}.cyber-tag{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:3px;border:1px solid;transition:all .2s}.cyber-tag:hover{filter:brightness(1.3);transform:scale(1.05)}.tag-high{color:var(--red);border-color:var(--red);background:var(--red-dim)}.tag-medium{color:var(--amber);border-color:var(--amber);background:#ffb7001a}.tag-low{color:var(--blue);border-color:var(--blue);background:#0066ff1a}.tag-info{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-dim)}.dashboard-grid{animation:fade-in-up .4s ease}.tooltip-wrap{position:relative}.tooltip-wrap:hover .tooltip-box{opacity:1;transform:translateY(0);pointer-events:auto}.tooltip-box{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#020408f2;border:1px solid var(--border-color);border-radius:4px;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);white-space:nowrap;opacity:0;transition:all .2s;pointer-events:none;z-index:200}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;bottom:2rem;right:2rem;background:#020408f7;border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);z-index:500;animation:toast-in .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 24px #0009,0 0 0 1px var(--border-color)}.risk-bar-track{height:6px;background:#00ffb414;border-radius:3px;overflow:hidden;position:relative}.risk-bar-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1)}.hex-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);font-family:var(--font-mono);font-size:.75rem;font-weight:700}.cursor-blink{display:inline-block;width:2px;height:1.1em;background:var(--cyan);vertical-align:text-bottom;animation:blink 1s step-end infinite;margin-left:2px}input:focus{outline:none}::selection{background:#00ffe133;color:var(--cyan)}.responsive-flex-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-ticker{background:#00ffb40a;border-bottom:1px solid var(--border-color);padding:.28rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-ticker-left{display:flex;gap:2rem;font-family:var(--font-mono);font-size:.68rem}.header-ticker-right{display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:.68rem}.header-main{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem}.header-main-right{display:flex;align-items:center;gap:1.25rem}.search-bar-footer{display:flex;justify-content:space-between;margin-top:1rem;align-items:center}.dashboard-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.risk-summary-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;width:100%}.risk-summary-divider{width:1px;height:48px;background:var(--border-color);flex-shrink:0}@media(max-width:992px){.header-ticker-left{gap:1rem}}@media(max-width:768px){.header-ticker{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.4rem 1rem}.header-ticker-left{flex-wrap:wrap;gap:.8rem}.header-ticker-right{width:100%;justify-content:space-between;gap:.5rem;border-top:1px solid rgba(0,255,180,.05);padding-top:.2rem}.header-main{flex-direction:column;align-items:stretch;gap:1rem;padding:.85rem 1rem}.header-main-right{justify-content:space-between;width:100%}.dashboard-header-container{flex-direction:column;align-items:stretch}.dashboard-header-container>div{text-align:center}.dashboard-header-container .btn-group{justify-content:center;width:100%}.risk-summary-row{flex-direction:column;align-items:center;text-align:center;gap:1rem}.risk-summary-divider{width:100%;height:1px}.risk-summary-row>span:last-child{margin-left:unset!important}.search-bar-footer{flex-direction:column;align-items:stretch;gap:.75rem}.search-bar-footer>div{justify-content:center;margin-left:0!important}}@media(max-width:480px){body{font-size:14px}.container{padding:0 1rem}.header-ticker-left{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.4rem .6rem}.header-ticker-left>span{display:flex;justify-content:space-between}.header-main-right{flex-direction:column;align-items:stretch;gap:.75rem}.header-main-right>div{justify-content:center}.dashboard-header-container .btn{width:100%}}.graph-legend{position:absolute;bottom:20px;left:20px;background:#000a08e6;padding:12px 14px;border-radius:4px;border:1px solid var(--border-color);pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.graph-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:6px;z-index:10}@media(max-width:600px){.graph-legend{bottom:unset;top:10px;left:10px;padding:8px 10px}.graph-legend h4{margin-bottom:4px!important}.graph-legend div{gap:4px!important}.graph-controls{bottom:10px;right:10px}}