:root { color-scheme: light dark; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0;
       background: #0b1220; color: #e8ecf4; }
header { display: flex; justify-content: space-between; align-items: center;
         padding: 1rem 2rem; background: #071019; border-bottom: 1px solid #1f2a3d; }
.brand { font-weight: 700; letter-spacing: .02em; }
.poc-tag { font-weight: 400; color: #7d8aa3; font-size: .8rem; }
nav { display: flex; gap: 1rem; align-items: center; }
nav a, nav button { color: #cfe0ff; text-decoration: none; }
.who { color: #7d8aa3; font-size: .85rem; }
main { max-width: 760px; margin: 3rem auto; padding: 0 1rem; }
.card { background: #101a2c; border: 1px solid #1f2a3d; border-radius: 12px; padding: 2rem; }
.centered { text-align: center; }
.muted { color: #8b96ab; }
.error { color: #ff8a8a; }
.row-header { display: flex; justify-content: space-between; align-items: center; }
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { text-align: left; padding: .6rem .4rem; border-bottom: 1px solid #1f2a3d; }
.badge { padding: .15rem .5rem; border-radius: 999px; font-size: .75rem; }
.badge-active { background: #113322; color: #7CE38B; }
.badge-suspended { background: #3a1414; color: #ff8a8a; }
.button, button { display: inline-block; background: #3568f0; color: white; border: none;
                  padding: .6rem 1.1rem; border-radius: 8px; cursor: pointer;
                  text-decoration: none; font-size: .95rem; }
.button-danger { background: #b0332c; }
form.inline { display: inline; }
label { display: block; margin-bottom: 1rem; }
input { display: block; width: 100%; margin-top: .3rem; padding: .5rem; border-radius: 6px;
        border: 1px solid #2a3750; background: #0b1220; color: #e8ecf4; box-sizing: border-box; }
.kv { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1rem; }
.kv dt { color: #8b96ab; }
code { background: #0b1220; padding: .1rem .35rem; border-radius: 4px; }
.pairing-code { font-size: 1.4rem; letter-spacing: .15em; padding: .3rem .6rem; }
pre { background: #0b1220; border: 1px solid #1f2a3d; border-radius: 8px; padding: 1rem;
      overflow-x: auto; }
pre code { background: none; padding: 0; }