html, body { margin: 0; background: #0b1220; color: #e2e8f0; font-family: Arial, Helvetica, sans-serif; }
body { padding: 3vh 4vw; font-size: 2.6vh; }
h1 { margin: 0 0 2vh; font-size: 4vh; font-weight: normal; }
.card { padding: 2vh 2vw; border-radius: 1vh; margin-bottom: 2vh; font-size: 3vh; }
.pending { background: #1e293b; }
.good { background: #065f46; }
.warn { background: #92400e; }
.bad { background: #991b1b; }
table { width: 100%; border-collapse: collapse; }
td { padding: 1vh 1vw; border-bottom: 1px solid #1e293b; vertical-align: top; }
td.s { width: 14vw; font-weight: bold; }
.ok { color: #34d399; } .no { color: #f87171; } .mid { color: #fbbf24; }
.note { color: #94a3b8; font-size: 2.2vh; }
#probe { position: fixed; right: 2vw; bottom: 2vh; width: 16vw; height: 9vw; background: #000; }