body { font-family: system-ui, sans-serif; margin: 2rem; color: #1a1a1a; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { border: 1px solid #ddd; padding: 0.5rem; text-align: left; }
.btn, button { cursor: pointer; }
.badge { padding: 0.2rem 0.5rem; border-radius: 0.3rem; font-size: 0.85rem; }
.badge-connected { background: #d4edda; color: #155724; }
.badge-disconnected { background: #f8d7da; color: #721c24; }
.badge-qr_pending { background: #fff3cd; color: #856404; }
.login-box { max-width: 320px; margin: 4rem auto; }
.login-box label { display: block; margin-bottom: 1rem; }
.error { color: #721c24; }
form label { display: block; margin-bottom: 0.75rem; }
#qr-modal { margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; max-width: 300px; }