*{box-sizing:border-box}body{margin:0;font:14px/1.45 -apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:#1f2937;background:#f4f5f7}
a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;align-items:center;gap:18px;background:#111827;color:#fff;padding:10px 18px;flex-wrap:wrap}.top a{color:#d1d5db}.top nav a{margin-right:12px}
.brand{font-weight:700;color:#fff!important}.brand span{font-weight:400;color:#9ca3af}.who{margin-left:auto;color:#9ca3af;font-size:12px}
.modebar{padding:6px 18px;font-size:13px;background:#fef3c7;color:#92400e}.modebar.live{background:#dcfce7;color:#166534}.modebar.paused{background:#fee2e2;color:#991b1b}
main{padding:18px;max-width:1500px}h1{font-size:22px;margin:4px 0 14px}h2{font-size:15px;margin:4px 0 10px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px;margin-bottom:14px}.narrow{max-width:520px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:14px}.stat b{display:block;font-size:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:1000px){.grid2{grid-template-columns:1fr}}
table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #eef0f3;vertical-align:top}th{font-weight:600;color:#4b5563;font-size:12px}
input,select,textarea{font:inherit;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;max-width:100%}label{display:block;margin:8px 0;font-weight:500}label input,label select,label textarea{display:block;width:100%;margin-top:3px;font-weight:400}
label.inline{display:inline;font-weight:400}label.inline input{display:inline;width:auto}
button,.btn{display:inline-block;background:#2563eb;color:#fff;border:0;border-radius:6px;padding:7px 14px;font:inherit;cursor:pointer}.btn:hover{text-decoration:none}
button.secondary{background:#6b7280}button.danger{background:#dc2626}button.link{background:none;color:#2563eb;padding:0}
form.inline{display:inline}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.flash{padding:10px 12px;border-radius:6px;margin-bottom:12px;background:#dcfce7;color:#166534}.flash.err{background:#fee2e2;color:#991b1b}
.badge{display:inline-block;padding:1px 7px;border-radius:9px;font-size:12px;background:#e5e7eb}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.bad{background:#fee2e2;color:#991b1b}.badge.mute{background:#f3f4f6;color:#6b7280}
.muted{color:#6b7280}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.warn{color:#92400e}pre.wrap{white-space:pre-wrap}
.preview{width:100%;height:760px;border:1px solid #e5e7eb;border-radius:6px}.pager{margin:10px 0}.pager a{margin-right:10px}
body.login{display:flex;justify-content:center;padding-top:10vh}