body { font-family: system-ui, sans-serif; margin: 0; background: #f6f7f9; color: #1d2330; }
main { max-width: 48rem; margin: 2rem auto; padding: 0 1rem; }
form { display: grid; gap: 0.75rem; margin-bottom: 1.5rem; }
label { display: grid; gap: 0.25rem; }
input, select, textarea, button, .button { font: inherit; padding: 0.5rem; border: 1px solid #c4c9d4; border-radius: 0.375rem; }
button, .button { background: #1d4ed8; color: #fff; border-color: #1d4ed8; cursor: pointer; text-decoration: none; justify-self: start; }
#result:empty { display: none; }
#result { padding: 0.75rem; background: #fff; border: 1px solid #c4c9d4; border-radius: 0.375rem; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { text-align: left; padding: 0.5rem; border-bottom: 1px solid #e3e6ec; overflow-wrap: break-word; }
#links td:nth-child(2), #users td:last-child { overflow-wrap: anywhere; }
td button { padding: 0.25rem 0.5rem; }
#tabs { display: flex; gap: 0.5rem; margin: 1rem 0; }
#tabs button[aria-pressed="false"] { background: #fff; color: #1d4ed8; }
#users td:last-child { white-space: pre-line; font-size: 0.875rem; }