:root { font-family: system-ui, sans-serif; color-scheme: light dark; }
body { margin: 0; }
nav { display: flex; gap: 1rem; padding: .6rem 1rem; border-bottom: 1px solid #8884; align-items: center; flex-wrap: wrap; }
nav a { text-decoration: none; }
main { padding: 1rem; max-width: 72rem; margin: 0 auto; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .35rem .5rem; border-bottom: 1px solid #8883; }
th a { text-decoration: none; }
form.filters { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; align-items: end; }
input, select, button, textarea { padding: .3rem .45rem; }
.badge { padding: .1rem .45rem; border-radius: .6rem; font-size: .85em; border: 1px solid #8886; }
.badge.active { background: #2e7d3222; }
.badge.auth-error { background: #c6282822; }
.badge.disabled { background: #8888; }
.error { color: #c62828; }
pre.logs { background: #0002; padding: .8rem; overflow-x: auto; font-size: .85em; }