body{font-family:Arial,sans-serif;background:#f3f5f7;padding:25px}.card{max-width:760px;margin:25px auto;background:#fff;padding:22px;border-radius:10px;box-shadow:0 2px 12px #0001}input,textarea,select{box-sizing:border-box;padding:11px;margin:6px 0;border:1px solid #ddd;border-radius:6px}input,textarea{width:100%}textarea{height:100px}button{padding:10px 16px;margin:4px;border:0;border-radius:6px;cursor:pointer}.hidden{display:none}.row{display:flex;gap:6px}.row input{flex:1}#messages{height:400px;overflow:auto;border:1px solid #eee;padding:10px}.message{padding:9px;margin:7px;border-radius:8px}.visitor{background:#eef5ff}.admin{background:#eaf8ed;text-align:right}.top{max-width:1000px;margin:auto;display:flex;justify-content:space-between}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.filters input,.filters select{flex:1;min-width:140px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #eee;text-align:left}
.history-conversation{border:1px solid #eee;border-radius:8px;padding:12px;margin-top:12px}.history-conversation h4{margin:0 0 10px}