body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 800px; margin: 2rem auto; padding: 0 1rem; color: #222; }
header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem; }
header a { color: #222; text-decoration: none; font-weight: 600; }
.flash { padding: .75rem 1rem; border-radius: 6px; margin-bottom: 1rem; }
.flash.error { background: #fee; color: #900; }
.flash.info { background: #eef; color: #006; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
th, td { text-align: left; padding: .5rem; border-bottom: 1px solid #eee; }
form.inline { display: inline; }
input, select, button { font-size: 1rem; padding: .4rem .6rem; }
button { cursor: pointer; }
.token-reveal { background: #ffd; padding: 1rem; border-radius: 6px; font-family: monospace; word-break: break-all; }
.muted { color: #888; font-size: .9rem; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #eee; color: #888; font-size: .9rem; }
footer a { color: #888; text-decoration: none; margin-right: 1rem; }
footer a:hover { text-decoration: underline; }