*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2433;background:#f4f6fa}
.hidden{display:none!important}.muted{color:#6b7385}.error{color:#c0392b}.center{display:flex;min-height:100vh;align-items:center;justify-content:center}
.card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0002;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:320px}
input,select,textarea,button{font:inherit;padding:7px 10px;border:1px solid #cfd5e1;border-radius:6px;background:#fff}
button{background:#1f7a5a;color:#fff;border-color:#1f7a5a;cursor:pointer}button.ghost{background:#fff;color:#1d2433;border-color:#cfd5e1}button.danger{background:#c0392b;border-color:#c0392b}
header{display:flex;align-items:center;gap:16px;padding:10px 18px;background:#fff;border-bottom:1px solid #e3e7ef;position:sticky;top:0}
nav{display:flex;gap:4px}nav a{padding:6px 10px;border-radius:6px;cursor:pointer;color:#384055}nav a.active{background:#e7f3ee;color:#1f7a5a;font-weight:600}.spacer{flex:1}
main{padding:18px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th,td{text-align:left;padding:7px 9px;border-bottom:1px solid #eef1f6;vertical-align:top}th{background:#fafbfd;font-weight:600}
.split{display:grid;grid-template-columns:360px 1fr;gap:14px;height:calc(100vh - 90px)}.list{overflow:auto;background:#fff;border-radius:8px}
.item{padding:10px 12px;border-bottom:1px solid #eef1f6;cursor:pointer}.item:hover,.item.sel{background:#f1f7f4}.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;background:#eef1f6;margin-left:6px}.badge.human{background:#fde8d4;color:#9a4b00}
.thread{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#efeae2}
.msg{max-width:70%;padding:7px 10px;border-radius:8px;white-space:pre-wrap;box-shadow:0 1px 1px #0001}.msg.in{background:#fff;align-self:flex-start}.msg.out{background:#d9fdd3;align-self:flex-end}.msg small{display:block;color:#6b7385;font-size:11px;margin-top:3px}
.bar{display:flex;gap:8px;padding:10px;border-top:1px solid #eef1f6;align-items:center}.bar textarea{flex:1;min-height:40px}.toolbar{display:flex;gap:8px;margin-bottom:10px;align-items:center;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.stat{background:#fff;border-radius:8px;padding:14px}.stat b{font-size:22px;display:block}
label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#4a5266}.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;background:#fff;padding:14px;border-radius:8px}