*{box-sizing:border-box}main{height:100dvh;width:100dvw}#crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:999999;mix-blend-mode:overlay;background:repeating-linear-gradient(to bottom,rgba(57,255,20,.5) 0,rgba(0,0,0,.1) 1px,transparent 4px)}#dashboard{background-color:#0f0f0f;display:flex;align-items:center;font-family:Doto,monospace;font-weight:700;text-shadow:0 0 5px rgba(57,255,20,.5);height:100%;width:100%}#react-dashboard{display:flex;padding:1rem 0}.sim-controls{margin:0 auto}.sim-title{font-family:Orbitron,monospace;color:#39ff14;font-size:2rem;text-align:center;margin:0}.sim-control{font-family:Orbitron,monospace;color:#39ff14;background-color:transparent;border:2px solid #39ff14;border-radius:50px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;padding:.5rem 1rem;cursor:pointer}.sim-control:hover,.download-control:hover{background-color:#39ff1480;box-shadow:0 0 10px #39ff1480,inset 0 0 8px #39ff1480;transition:1s}.download-control{font-family:Orbitron,monospace;color:#39ff14;background-color:transparent;border:2px solid #39ff14;border-radius:50px;padding:.5rem 1rem;height:15%;max-height:80px;width:100%;cursor:pointer}.download-control:hover{background-color:#39ff1480;transition:1s}.pulse{animation:glow-pulse 2s ease-out infinite}@keyframes glow-pulse{0%{box-shadow:0 0 #39ff14}80%{box-shadow:0 0 15px #39ff14e6}to{box-shadow:0 0 25px #39ff1400}}.siem-lab-label{position:relative;font-family:Orbitron,monospace;font-weight:900;color:#39ff14cc;writing-mode:sideways-lr;text-align:end;padding:1rem .4rem 1rem .25rem;border:2px solid #39ff14;border-radius:50px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.siem-lab-content{background-color:#0a0a0a;border:2px solid #39ff14;border-radius:10px 0 10px 10px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;width:100%;padding:1rem;z-index:1}#routing{display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding-right:1.25rem}.siem-lab-control{position:relative;padding:1rem .5rem;right:2px;writing-mode:sideways-rl;background-color:#0f0f0f;font-family:Orbitron,monospace;color:#39ff14;border-top:2px solid #39ff14;border-bottom:2px solid #39ff14;border-right:2px solid #39ff14;border-left:none;border-radius:0 10px 10px 0;cursor:pointer;z-index:0}.siem-lab-control:before{content:"";position:absolute;right:100%;top:0;bottom:0;width:7px;background:#0f0f0f;z-index:10}.siem-lab-control:after{content:"";position:absolute;inset:-2px -2px -2px 0;border-radius:0 12px 12px 0;box-shadow:0 0 5px #39ff1480;pointer-events:none;z-index:-1}.siem-lab-control.active{right:2px;z-index:20}.siem-lab-exit{position:relative;padding:.75rem .25rem;left:4px;writing-mode:sideways-rl;background-color:transparent;font-family:Orbitron,monospace;color:#39ff14;border:2px solid #39ff14;border-radius:20px;cursor:pointer}.siem-lab-exit:hover{background-color:#39ff144d;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;transition:.5s}.siem-content{display:flex;flex-direction:column;gap:20px;justify-content:space-between;height:100%;width:100%;overflow-y:auto;scrollbar-color:#39ff14 transparent;scrollbar-width:thin}.visuals-wrapper{display:flex;gap:20px;justify-content:space-between;align-items:center;height:100%}.visuals-sub-wrapper{display:flex;height:100%;width:50%}.graph-container{display:flex;flex-direction:column;gap:10px;height:100%;min-height:300px;width:50%}.chart-title{font-family:Orbitron,monospace;color:#39ff14;font-size:1rem}.log-window{padding:0 .5rem;height:100%;max-height:600px;flex:2 0;max-width:1150px;border:2px solid #39ff14;border-radius:7px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.side-controls{display:flex;flex-direction:column;gap:10px;height:100%;flex:1 0}.notification-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;height:85%;width:100%;padding:1rem;background-color:#39ff144d;border:2px solid #39ff14;border-radius:7px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.notification-container>div{width:100%}.notification-container>h3{margin:0}.notification-container>div>h3,.notification-container>p{text-align:center;text-shadow:0 0 5px rgba(57,255,20,.5)}.notification-container>p:before{content:"";display:inline-block;position:relative;top:0;left:0;height:10px;width:10px;background-color:#39ff14;border-radius:20px;margin-right:10px;box-shadow:0 0 5px #39ff1480;animation:1s ease infinite alternate fade-in-out}@keyframes fade-in-out{0%{opacity:1}to{opacity:0}}.notification-container.alert>p:before{animation:none}.details-container{background-color:#00000080;width:80%;max-width:400px;padding:1rem;border:2px solid #39ff14;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;border-radius:5px;overflow-y:scroll}.details-container>p:before{content:"";display:inline-block;height:12px;width:3px;margin-right:.5rem;border:1px solid #39ff14;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.alert-top-border{width:100%;height:1px;background-color:#39ff14;box-shadow:0 0 5px #39ff1480}.alert-bottom-border{width:100%;height:5px;background-color:#39ff14;box-shadow:0 0 5px #39ff1480}.analyzer-content{display:flex;flex-direction:column;gap:20px;justify-content:space-between;height:100%;width:100%;overflow-y:auto;scrollbar-color:#39ff14 transparent;scrollbar-width:thin}.file-input-wrapper{display:flex;gap:30px;align-items:center;margin:0 auto}.form{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-radius:5px;border:2px solid #39ff14;padding:.75rem;margin:.5rem 0;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.custom-file-input::-webkit-file-upload-button{background-color:transparent;color:#39ff14;font-family:Doto,monospace;font-weight:700;border-radius:20px;border:2px solid #39ff14;padding:.35rem .5rem;margin-right:.5rem;box-shadow:0 0 5px #39ff1480;cursor:pointer}.custom-file-input::-webkit-file-upload-button:hover{background-color:#39ff144d;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;transition:1s}input[type=file]{color:#39ff14;font-family:Doto,monospace;font-weight:700}.custom-input{background-color:transparent;color:#39ff14;font-family:Doto,monospace;font-weight:700;border-radius:30px;border:2px solid #39ff14;padding:.35rem .5rem;margin-right:2rem;box-shadow:0 0 5px #39ff1480}.custom-input::-webkit-input-placeholder{color:#39ff14;font-family:Doto,monospace;font-weight:700}.custom-input:focus{outline:none;box-shadow:0 0 6px #39ff14b3}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #39ff14;background-color:transparent;border-radius:5px;cursor:pointer;position:relative;vertical-align:middle}input[type=checkbox]:checked{background-color:#39ff14;box-shadow:0 0 5px #39ff1480}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#0a0a0a;font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.siem-button{height:fit-content;background-color:transparent;color:#39ff14;font-family:Doto,monospace;font-weight:700;border-radius:20px;border:2px solid #39ff14;padding:.35rem .5rem;box-shadow:0 0 5px #39ff1480;cursor:pointer}.siem-button:hover{background-color:#39ff144d;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;transition:.5s}.analyzer-window{display:flex;gap:20px;height:90%;width:100%}.analyzer-tool-window{padding:0 .5rem;height:100%;width:50%;border:2px solid #39ff14;border-radius:7px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.log-item{border-bottom:2px solid #39ff14}.report-window{padding:0 .5rem 2rem;height:fit-content;width:50%;border:2px solid #39ff14;border-radius:7px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480}.report-option{position:relative;padding:1rem;border:2px solid #39ff14;border-radius:7px;box-shadow:0 0 5px #39ff1480,inset 0 0 5px #39ff1480;cursor:pointer}.report-option:hover{background-color:#39ff141a;transition:.2s}.report-option.correct:hover{background-color:#39ff144d;transition:.2s}.correct{background-color:#39ff144d}.correct:after{content:"✓";position:absolute;right:5%;top:35%;color:#39ff14;transform:scale(3);z-index:100}.wrong:after{content:"x";position:absolute;right:5%;top:35%;color:#39ff14;transform:scale(3);z-index:100}.fullscreen{height:100%;width:100%}.h-full{height:100%}.h-50{height:50%}.h-30{height:30%}.flex{display:flex}.flex-column{flex-direction:column}.gap-10{gap:10px}.gap-30{gap:30px}.justify-center{justify-content:center}.align-center{align-items:center}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.pb-3{padding-bottom:1rem}.pb-5{padding-bottom:1.5rem}.container{max-width:800px;margin:2rem auto;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d}a:hover{text-decoration:underline}.center{text-align:center}.popup{position:absolute;background-color:#888}.overflow-y{overflow-y:auto;scrollbar-color:#39ff14 transparent;scrollbar-width:thin}.overflow-x{overflow-x:auto;scrollbar-color:#39ff14 transparent;scrollbar-width:thin}.white{color:#39ff14}.m-center{margin:0 auto}.w-full{width:100%}.w-90{width:90%}.w-50{width:50%}.border-bottom{border-bottom:2px solid #39ff14}.pointer{cursor:pointer}.z-100{z-index:100}@media(max-width:1024px){.visuals-wrapper{flex-direction:column;width:100%}.graph-container,.visuals-sub-wrapper,.side-controls{width:100%}.analyzer-window{flex-direction:column}.analyzer-tool-window{width:100%;min-height:500px}.file-input-wrapper{flex-direction:column;gap:0;margin-bottom:2rem}}@media(max-device-width:500px){#crt-overlay{visibility:hidden}}