:root{--bg-deep: #0f0f23;--bg-card: #1a1a2e;--bg-card-hover: #252542;--bg-input: #16213e;--border: #3C3C3C;--border-active: #C0C0C0;--text-primary: #E0E0E0;--text-secondary: #A0A0A0;--text-muted: #707070;--accent-red: #E60012;--accent-red-dim: #E6001222;--accent-amber: #FFD700;--accent-amber-dim: #FFD70022;--accent-danger: #E60012;--accent-danger-dim: #E6001222;--accent-blue: #4166F5;--accent-blue-dim: #4166F522;--accent-purple: #7B5EA7;--accent-green: #40B868;--accent-green-dim: #40B86822;--radius: 0px;--radius-sm: 0px;--mono: "JetBrains Mono", monospace;--sans: "Press Start 2P", cursive}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg-deep);color:var(--text-primary);min-height:100vh}::selection{background:#e60012;color:#fff}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px)}.main-content{flex:1;max-width:960px;margin:0 auto;padding:24px 20px 80px;width:100%}.severity-critical{color:#e60012}.severity-high{color:#f60}.severity-medium{color:gold}.severity-low{color:#4166f5}.grade-A{color:#40b868}.grade-B{color:#4166f5}.grade-C{color:gold}.grade-D{color:#f60}.grade-F{color:#e60012}.btn{font-family:var(--sans);font-size:8px;padding:12px 24px;border-radius:0;border:3px solid #000000;cursor:pointer;box-shadow:4px 4px #000;text-transform:uppercase;letter-spacing:.02em}.btn-primary{background:#e60012;color:#fff}.btn-primary:hover{background:#ff1a2e}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border);box-shadow:3px 3px #000}.btn-secondary:hover{border-color:var(--border-active)}.card{background:var(--bg-card);border:3px solid var(--border);border-radius:0;padding:20px;box-shadow:4px 4px #000}.card:hover{border-color:var(--border-active)}.mono{font-family:var(--mono)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.main-content{padding:16px 12px 60px}}
