body { font-family: system-ui, sans-serif; max-width: 700px; margin: 40px auto; padding: 0 16px; color: #222; }
h1 { font-size: 1.4rem; }
.status { padding: 8px 12px; border-radius: 6px; margin: 8px 0; }
.status.connected { background: #e6f7e6; }
.status.disconnected { background: #f7e6e6; }
.warning { background: #fff3cd; padding: 10px 14px; border-radius: 6px; margin: 12px 0; }
.error { background: #f7e6e6; padding: 10px 14px; border-radius: 6px; margin: 12px 0; }
table { width: 100%; border-collapse: collapse; margin-top: 16px; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid #ddd; font-size: 0.9rem; }
.matched { color: #1a7a1a; }
.low-confidence { color: #b8860b; }
.failed { color: #b00020; }
li { margin: 6px 0; }
a.button { display: inline-block; padding: 8px 14px; background: #1a7a1a; color: white; border-radius: 6px; text-decoration: none; margin-right: 8px; }