body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0; color: #1d1d1f; background: #f6f7f9; }
main { max-width: 860px; margin: 0 auto; padding: 2rem 1rem; }
header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { text-align: left; padding: .5rem; border-bottom: 1px solid #e3e5e8; vertical-align: top; }
small { color: #6b7280; }
.button, button { display: inline-block; padding: .45rem .9rem; border-radius: 6px; border: 1px solid #2ca01c; background: #2ca01c; color: #fff; text-decoration: none; font: inherit; cursor: pointer; }
button[data-action="disconnect"], header button { background: #fff; color: #1d1d1f; border-color: #c4c8cd; }
.actions { white-space: nowrap; }
.result { display: block; font-size: .85rem; color: #4b5563; margin-top: .25rem; }