*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f3f5f7;color:#222}
.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#17202a;color:#fff;padding:12px 20px}
.topbar nav{display:flex;gap:14px;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none}
.page{max-width:820px;margin:28px auto;padding:0 16px}
.page.wide{max-width:1250px}
.page.narrow{max-width:440px}
.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(0,0,0,.07);margin-bottom:18px}
h1{margin-top:0}
label{display:block;font-weight:bold;margin:12px 0 6px}
input,select,textarea,.inputlike{width:100%;padding:12px;border:1px solid #bbb;border-radius:8px;font-size:16px;background:#fff}
textarea{min-height:125px;resize:vertical}
.question{background:#eef4ff;padding:18px;border-radius:10px;font-size:21px;font-weight:bold;margin:18px 0}
.status{background:#eee;padding:12px;border-radius:8px;margin-bottom:12px}
.status.listening{background:#ffe6e6;color:#9c0000}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.btn{padding:11px 15px;border:0;border-radius:8px;background:#e6e6e6;color:#222;cursor:pointer;text-decoration:none;display:inline-block}
.btn.primary{background:#1769e0;color:#fff}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.filtergrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}
.filteractions{display:flex;gap:6px;align-items:end}
.alert{padding:12px;border-radius:8px;margin:12px 0}
.alert.success{background:#e8f7ee;color:#126132}
.alert.error{background:#ffe8e8;color:#8c1111}
.hidden{display:none}
.muted{color:#666;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.stat{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.stat span{display:block;color:#666}.stat b{font-size:30px}
.tablewrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:10px;border-bottom:1px solid #ddd;vertical-align:top;text-align:left}
th{background:#f5f5f5}
@media(max-width:800px){
 .topbar{align-items:flex-start;flex-direction:column}
 .grid2,.stats,.filtergrid{grid-template-columns:1fr}
}