*{box-sizing:border-box}
body{margin:0;background:#030806;color:#b8ffd0;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;overflow-x:hidden}
#matrix-rain{position:fixed;inset:0;width:100%;height:100%;z-index:-2;background:#000;opacity:.34}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px)}
header{position:sticky;top:0;z-index:5;background:#050b08ef;border-bottom:1px solid #167a3b;padding:16px 4%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 25px rgba(0,255,90,.08)}
header strong,h1,h2{color:#5dff8d;text-shadow:0 0 10px rgba(93,255,141,.25);letter-spacing:.06em}
nav a{color:#70ff9b;text-decoration:none;margin-left:18px}
nav a:hover{color:white;text-shadow:0 0 8px #62ff91}
main{width:min(1250px,94%);margin:30px auto;position:relative;z-index:2}
.narrow{width:min(560px,92%);margin:70px auto;background:#07100b;border:1px solid #1b6d3a;padding:32px;box-shadow:0 0 35px rgba(0,255,90,.08);position:relative;z-index:2}
section,.cards div{background:#07100b;border:1px solid #174f2d;padding:22px;margin:20px 0;box-shadow:inset 0 0 22px rgba(0,255,80,.02)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.cards div{margin:0}
.cards b{display:block;font-size:34px;color:#63ff91}
.cards span{color:#72b888}
label{display:block;margin:14px 0;color:#8ef6aa}
input,select{width:100%;padding:10px;background:#020503;border:1px solid #256a3c;color:#b8ffd0;margin-top:6px}
button{background:#092613;color:#69ff94;border:1px solid #2fc45e;padding:10px 14px;cursor:pointer;font-family:inherit}
button:hover{background:#0e3b1d;box-shadow:0 0 12px rgba(0,255,90,.25)}
table{width:100%;border-collapse:collapse;background:#050b08}
th,td{text-align:left;padding:11px;border-bottom:1px solid #123c23;vertical-align:top}
th{color:#5dff8d}
code{color:#9debb2;word-break:break-all}
.alert{padding:12px;border:1px solid #9d7d20;background:#171304}
.sev{font-weight:900}
.critical{color:#ff4545;text-shadow:0 0 8px #7d0000}
.high{color:#ff8a3d}
.medium{color:#ffd85a}
.low{color:#54b8ff}
.info{color:#83e7c0}
.terminal{border-left:3px solid #39d967;padding:12px;background:#06110a}
.action{display:flex;gap:6px}
.action select{margin:0;min-width:155px}
.sound-toggle{margin-left:16px;white-space:nowrap}
.statusline{font-size:12px;letter-spacing:.12em;color:#43ff79;margin:8px 0 18px}
.glitch{position:relative;display:inline-block}
.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;opacity:.22;pointer-events:none}
.glitch:before{transform:translate(1px,0);color:#8affb0}
.glitch:after{transform:translate(-1px,0);color:#00d85b}
.check{display:flex;align-items:center;gap:10px}
.check input{width:auto;margin:0}
@media(max-width:800px){
  .cards{grid-template-columns:1fr 1fr}
  header{display:block}
  nav{margin-top:12px}
  nav a{margin:0 10px 0 0}
  table{font-size:11px}
  .action{display:block}
}