:root{--bg:#0b0d10;--card:#12161b;--bd:#232a33;--fg:#e8edf2;--dim:#8794a3;--crit:#ff3b5c;--high:#ff8a3d;--med:#f5c542;--low:#4fc3a1;--none:#6b7785}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 10% -10%,#2a1018 0,transparent 50%),var(--bg);color:var(--fg);font:14px/1.45 ui-monospace,"SF Mono",Menlo,Consolas,monospace}
header{padding:28px 20px 8px;max-width:1100px;margin:auto}
h1{margin:0;font-size:34px;letter-spacing:-1px}h1 span{color:var(--crit)}
.sub{color:var(--dim);margin:4px 0 12px}.sub b{color:var(--fg)}
.bar{display:flex;gap:12px;align-items:center;color:var(--dim)}
button,select,input[type=search]{background:var(--card);color:var(--fg);border:1px solid var(--bd);border-radius:6px;padding:7px 11px;font:inherit}
button{cursor:pointer}button:hover{border-color:var(--dim)}
main{max-width:1100px;margin:auto;padding:8px 20px 20px}
.error{background:#3a1018;border:1px solid var(--crit);padding:10px 14px;border-radius:6px;margin:10px 0}
.error[hidden]{display:none}
button[hidden]{display:none}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.tile{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:12px 14px}
.tile b{display:block;font-size:30px;line-height:1.1}.tile span{color:var(--dim);font-size:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:12px 14px}
.card h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim)}
.row{display:grid;grid-template-columns:130px 1fr 48px;gap:8px;align-items:center;margin:4px 0;font-size:12px}
.row .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .n{text-align:right;color:var(--dim)}
.track{background:#1b222a;border-radius:3px;height:12px;overflow:hidden}.fill{height:100%;background:var(--dim)}
.feedcard{margin-top:10px}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.filters input[type=search]{flex:1;min-width:180px}.filters label{color:var(--dim)}
#feed{list-style:none;margin:0;padding:0}
#feed li{border-top:1px solid var(--bd);padding:10px 0}
#feed .top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#feed a{color:var(--fg);font-weight:bold;text-decoration:none}#feed a:hover{text-decoration:underline}
.badge{border-radius:4px;padding:1px 7px;font-size:11px;font-weight:bold;color:#0b0d10}
.CRITICAL{background:var(--crit)}.HIGH{background:var(--high)}.MEDIUM{background:var(--med)}.LOW{background:var(--low)}.NONE{background:var(--none);color:#fff}
.kevb{background:#fff;color:#c00;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:bold}
.meta{color:var(--dim);font-size:12px}
.desc{margin:4px 0 0;color:#c4ccd6}
#more{display:block;margin:12px auto 0}
footer{max-width:1100px;margin:auto;padding:10px 20px 40px;color:var(--dim);font-size:12px}
footer a{color:var(--dim)}
